JavaScript检测并限制复选框选中个数的方法

2019-11-20 11:51:05

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：JavaScript实现点击单选按钮改变输入框中文本域内容的方法

下一篇：JavaScript入门基础