JavaScript检测并限制复选框选中个数的方法
程序员文章站
2022-03-26 18:57:18
...
这篇文章主要介绍了JavaScript检测并限制复选框选中个数的方法,涉及javascript针对复选框的判定与运算相关技巧,非常简单实用,需要的朋友可以参考下,具体如下:
这里用JavaScript判断复选框中否选中,同时可以限制复选框的选中个数,这是一个比较实用的JS表单判断示例,复选框的是否选中曾经让很多人纳闷,现在好了,这段代码帮你解决了难题。
运行效果截图如下:
具体代码如下:
<html> <head> <title>判断复选框中否选中</title> <script> var check_num = 0; function check(){ if(event.srcElement.checked==true) check_num++; else check_num--; if(check_num>3) { alert("最多只能选3个!"); event.srcElement.checked=false; check_num--; } } </script> </head> <body> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <br> 你只能选择3个复选框。 </body> </html>
以上就是本章的全部内容,更多相关教程请访问JavaScript视频教程!
推荐阅读
-
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
-
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
-
layui从数据库中获取复选框的值并默认选中方法
-
JQuery限制复选框checkbox可选中个数的方法_jquery
-
js统计录入文本框中字符的个数并加以限制不超过多少_javascript技巧
-
js实现文本框只允许输入数字并限制数字大小的方法_javascript技巧
-
js全选实现和判断是否有复选框选中的方法_javascript技巧
-
JQuery限制复选框checkbox可选中个数的方法_jquery
-
js统计录入文本框中字符的个数并加以限制不超过多少_javascript技巧
-
js实现文本框只允许输入数字并限制数字大小的方法_javascript技巧