今天,在项目中遇到了,input的复选框问题,要求选3个后,不能在选。以下是demo:
<form action="" method="POST" enctype="multipart/form-data">
<label>兴趣爱好:</label><br>
<input type="checkbox" value="篮球" onclick="doCheck(this)">篮球
<input type="checkbox" value="读书" onclick="doCheck(this)">读书
<input type="checkbox" value="游泳" onclick="doCheck(this)">游泳
<input type="checkbox" value="听音乐" onclick="doCheck(this)">听音乐
<input type="checkbox" value="篮球" onclick="doCheck(this)">篮球
<input type="checkbox" value="读书" onclick="doCheck(this)">读书
<input type="checkbox" value="游泳" onclick="doCheck(this)">游泳
<input type="checkbox" value="听音乐" onclick="doCheck(this)">听音乐
<input type="checkbox" value="篮球" onclick="doCheck(this)">篮球
<input type="checkbox" value="读书" onclick="doCheck(this)">读书
<input type="checkbox" value="游泳" onclick="doCheck(this)">游泳
<input type="checkbox" value="听音乐" onclick="doCheck(this)">听音乐
</form>
<script type="text/javascript">
var count = 0;
var limit = 3;
function doCheck(obj) {
obj.checked ? count++ : count--;
if (count > limt) {
obj.checked = false;
count--;
}
}
</script>