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程序设计有所帮助。