关于（控制表单多选框可供选择的个数）

---恢复内容开始---

1.代码段：

<head>
<meta charset="UTF-8">
<title>控制表单多选框可供选择的个数</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script language=javascript>
function choosepro(aa){
var checkCount = 3;//最多可以选择3个
var iTemp = 0;
var len = document.getElementsByTagName("input");
if(len.length){
for(var i=0;i<len.length;i++){
   if(len[i].checked){
    iTemp++;
    if(checkCount<iTemp){
     alert("您选的商品不能大于"+checkCount+"件！");
     aa.checked=false;
     return;
    }
   }
}
}else{
if(len.checked){
   iTemp++;
   if(checkCount<iTemp){
    alert("您选的商品不能大于"+checkCount+"件！");
    aa.checked=false;
    return;
   }
}
}
}
</script>
</head>
<body>
<input type="checkbox" name="toDelGWCProID[1][]" value="1" onClick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="2" οnclick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="3" οnclick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="4" οnclick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="5" οnclick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="6" onClick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="7" οnclick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="8" οnclick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="9" οnclick="choosepro(this)">
<input type="checkbox" name="toDelGWCProID[1][]" value="10" οnclick="choosepro(this)">
</body>

结果:自己看吧

转载于:https://www.cnblogs.com/momox/p/6049934.html

关于（控制表单多选框可供选择的个数）相关推荐

php中得到复选框的数据的代码,表单复选框向PHP传输数据的代码
表单复选框向PHP传输数据的代码表单复选框就是checkbox 1.checkbox的应用复制代码代码如下: 2.由于我传输的是在php循环中产生的数组,因此value也要设成变量: for($ ...
JS对象迭代、事件处理器、表单控件绑定、表单复选框、表单单选按钮
JS对象迭代知识点 v-for v-for 循环JS对象,把对象内容循环显示到页面上. <div id="myApp"><h1>JS对象迭代</h1 ...
Layui表单复选框验证
Layui表单复选框验证近日由于项目原因使用layui框架进行开发,在做表单验证的时候苦于复选框验证问题找不到答案,于是作为小白的我换了一种思路,不采用官方提供的form-verify,而是采用在提 ...
html构建复选框标签,什么标签用于在表单中构建复选框_HTML表单复选框INPUT标签...
HTML表单复选框标签在HTML的表单控件中,复选框也是经常使用的控件,它可以让用户选择打勾或不打勾.它使用的也是标签. 一.定义标签用于表示文本框.密码框.单选框.复选框.文件上传框.普通按钮. ...
表单复选框提交到mysql_使用表单复选框设置Access数据库表字段
这样做的一种方法是在Access中使用VBA.在Access中访问VBA控制台的方式是,在表单的设计视图中,右键单击复选框控件并选择" Build Event"从菜单中.确保您的控 ...
html表单复选框样式,美化表单——自定义checkbox和radio样式
如果你对本站比较观注的话,应该很清楚,前面就有这方面的介绍.因为大家都知道表单中的部分元素如果单单使用CSS是没办法完成的,所以最近花全力在学习这方面的制作.在本站有关于这样制作有好几个教程了,比如说 ...
ICheck表单复选框、单选框控件美化插件
作用: 渲染并美化当前页面的复选框或单选框响应复选框或单选框的点击事件特点: 在不同浏览器(包括ie6+)和设备上都有相同的表现 - 包括桌面和移动设备支持触摸设备 - iOS.Android ...
html表单全选框,form表单里如何实现全选和全不选
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果. javascript实现全选和全不选效果: 1.首先你 ...
html表单复选框隐藏,ElementUI 表格部分复选框禁用或隐藏
背景我们在使用 element ui 的 Table 组件构建带复选框的表格时,我们希望根据条件禁用或者隐藏某行选择框.如下图所示: 解析通过查看 ElementUI 官方文档 selectabl ...
javaWeb表单复选框
目录 HTML代码 JSP代码如果用户名那不输入直接提交相应对象获取的就是空串如果复选框不选直接提交相应对象获取的就是NULL 容易产生空指针异常 HTML代码 <html> & ...

关于（控制表单多选框可供选择的个数）

关于（控制表单多选框可供选择的个数）相关推荐

最新文章

热门文章