判断checkbox是否被选中，判定选中的个数！

最新推荐文章于 2021-09-16 11:46:41 发布

weixin_30883311

最新推荐文章于 2021-09-16 11:46:41 发布

阅读量153

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/freespider/archive/2012/05/29/2523461.html

版权

一般，我们对前台的checkbox进行处理。

要考虑一是，单个checkbox的处理

这个就比较简单了，

例如

<input type="checkbox" id="ck" οnclick="coutck();" value="1">1

我们来用js进行处理

<script type="text/javascript">

function coutck(){

if(document.getElementsById(ck).checked){

alert(document.getElementsById(ck).value);

}

}

</script>

如果checkbox是个数组，而且我们要判断checkbox选中的个数的时候，我们可以进行如下处理

<script type="text/javascript"> function form1(){ var x=document.getElementsByName("ke[]"); var m=0; var n=false; for(var i=0;i<x.length;i++){ if(x[i].checked){ n=true; m++;
}
} if(!n){ alert("至少选择一个啊"); } if(m>5){ alert("选这么多干吗"); }
 } </script> <body> <form action="#" method="POST" οnsubmit="return form1();"> <div> <input type="checkbox" id="kee" name="ke[]" value="1">11111 <input type="checkbox" id="kee" name="ke[]" value="2">22222 <input type="checkbox" id="kee" name="ke[]" value="3">33333 <input type="checkbox" id="kee" name="ke[]" value="4">44444 <input type="checkbox" id="kee" name="ke[]" value="5">55555 <input type="checkbox" id="kee" name="ke[]" value="6">66666 <input type="checkbox" id="kee" name="ke[]" value="7">77777 <input type="checkbox" id="kee" name="ke[]" value="8">88888 <input type="checkbox" id="kee" name="ke[]" value="9">99999 </div> <div><input type="submit" value="发布"></div> </form>

转载于:https://www.cnblogs.com/freespider/archive/2012/05/29/2523461.html