判断checkbox是否被选中,判定选中的个数!

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

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

这个就比较简单了,

例如

<input type="checkbox" id="ck" onclick="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" onsubmit="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/p/2523461.html