一般,我们对前台的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>
其实这个东西不难,今天弄了很长时间,主要还是对自己的一个复习。