js限制checkbox选中个数
2014-07-15 16:54
507 查看
今天在做项目时,碰到一个问题,我需要展示多个checkbox复选框,而只能允许最多选6个。调试了老半天,终于出来了,代码如下:
展示结果如下:
特此分享,希望对大家有帮助☺
<SCRIPT LANGUAGE="JavaScript"> var c=0,limit=6; function doCheck(obj) { obj.checked?c++:c--; if(c>limit){ obj.checked=false; alert("over"); c--; } } </SCRIPT> <html> <body> <input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A <input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B <input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C <input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D <input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E <input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F <input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G <input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H <input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I <input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J </body> </html>
展示结果如下:
特此分享,希望对大家有帮助☺
相关文章推荐
- js限制checkbox选中个数以限制六个为例
- js限制checkbox选中个数以限制六个为例
- js限制checkbox选中个数
- 如何用JS取得单选框radiobox和复选框checkbox当前选中的值
- js判断checkbox选中(记录一下,一个小问题引发的)
- JS判断CheckBox 的选中值
- js获取checkbox中所有选中值及input后面所跟的文本
- [js]selectAll 完美选中checkbox组合
- 限制CheckBoxList选中的数量
- JS判断checkbox是否选中
- js实现选中所有的checkbox
- js 判断checkbox是否选中
- 关于checkbox选中后显示值的问题(通用js)
- js 判断checkbox是否选中的实现代码
- 如何用JS取得单选框radiobox和复选框checkbox当前选中的值
- JS判断checkbox是否选中
- js取得gridview中checkbox选中的值
- 怎样用JS获取DataGrid中CheckBox是否选中,并且取得该行的DataGrid数据?
- js取得gridview中获取checkbox选中的值
- js 判断checkbox是否选中的实现代码