网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
表单特效
> 正文
Javascript JS 限制复选框的选择个数(3)
网络 2010/5/7 14:32:57 深山行者 字体:
大
中
小
浏览 17624
以下为详细代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="Javascript"> <!-- var checkboxname = "checkbox"; //复选框名称的前缀，所有复选框的名称要统一，用序号区分。 var iMaxCheckbox = 6; //复选框的个数，本例有6个，可根据需要变动。 var iMaxSelected = 4; //设置最大允许选择的数量，可根据需要变动。 var iNumChecked = 0; //声明一个变量，用于存放已选的数量。 function docheck(ctrl) { //控制选择数量的函数。 var nowCtrl; //当前复选框。 iNumChecked = 0; //统计数归零。 var i; i = 1; while ((i <= iMaxCheckbox) && (iNumChecked <= iMaxSelected)) { //循环检测已选中的复选框数量。 nowCtrl = eval("ctrl.form." + checkboxname + i); if ((nowCtrl.checked)) { //如果已被选中，则计算器加1。 iNumChecked++; } i++; } if (iNumChecked > iMaxSelected) { // 检查是否已超过了最大选择数量； ctrl.checked = false; //如果已超过允许的最大选择数量，则取消增加的选择并弹出提示窗口。 alert("不好意思哦，嘿嘿，原谅小妹吧！") } } // --> </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <form action="" method="post" name="form1" id="form1" onclick="mucheck(this)"> <table width="300" border="0" align="center" cellpadding="0" cellspacing="1"> <tr bgcolor="#99CCFF"> <td colspan="3">选择你的爱好：</td> </tr> <tr> <td bgcolor="#99CCFF"><label> <input name="checkbox1" type="checkbox" id="checkbox1" onclick="docheck(this)" /> 阅读</label></td> <td bgcolor="#99CCFF"><label> <input name="checkbox2" type="checkbox" id="checkbox2" onclick="docheck(this)" /> 运动</label></td> <td bgcolor="#99CCFF"><label> <input name="checkbox3" type="checkbox" id="checkbox3" onclick="docheck(this)" /> 唱歌</label></td> </tr> <tr> <td bgcolor="#99CCFF"><label> <input name="checkbox4" type="checkbox" id="checkbox4" onclick="docheck(this)" /> 旅游</label></td> <td bgcolor="#99CCFF"><label> <input name="checkbox5" type="checkbox" id="checkbox5" onclick="docheck(this)" /> 演艺</label></td> <td bgcolor="#99CCFF"><label> <input name="checkbox6" type="checkbox" id="checkbox6" onclick="docheck(this)" /> 爬山</label></td> </tr> <tr bgcolor="#99CCFF"> <td colspan="3" bgcolor="#99CCFF"> <input type="reset" name="button2" id="button2" value="重置" /> <input type="submit" name="button" id="button" value="提交" /> </td> </tr> </table> </form> Javascript JS 限制复选框的选择个数 js 限制选择个数</body> </html>
前一页:
javascript取汉字拼音首字母缩写程序
后一页:
Javascript JS 限制复选框的选择个数(2)
相关阅读
CleanCSS：免费的CSS在线减肥工具
uni-app去除点击navigator标签时有背景底色问题
超级实用且不花哨的js代码大全( 2 )
购买深山旅行社管理系统后享受哪些服务?
利用CSS设置网页滚动条颜色
各种钱货币字母转换对应的符号
Word图片导出方法
深山旅行社管理系统开源吗？
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
input文本输入框只能输入数字或字母或汉字等
用于深山在线投票的一个javascript统计checkbox现在选中的个数一边点复选框一边验证并计算现在选了多少个复选框
利用javascript简短功能就可以检查form表单中的元素是否已经填写
javascript日期验证比较
javascript 根据汉字拼音首字母快速定位下拉列表
javascript取汉字拼音首字母缩写程序
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现：无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
web2.0网页--常用的XHTML标签的使用技巧方法介绍
深山留言板 v7.0.1 bulid2014.11.15更新
长春天马国际旅行社
兼容IE和FF的收藏本站、设为首页代码
JavaScript的40种网页常用小技巧
Asp加密解密函数
更多标签
热门标签
左 右 全 input
div
原则
confirm
兼容
生成器
杈规
右击
路径
JS效果
验证
font-size
提交
cookies
搜索引擎
注册表
iframe
滚动条
键盘
尺寸
关键字
翻转
上传
留言次数
小偷
顶部
dd
自适应高度
Javascript实现CSS代码高亮显示1
强度
split
人生
信息
框
dt
调色
strong
Excel
relative
滤镜
li
html
文件类型
详解
调色板
选择符
性能
光标
Margin加倍
验证码
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号
苏公网安备 32070502010230号