无量小猪

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

一般,我们对前台的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>

其实这个东西不难,今天弄了很长时间,主要还是对自己的一个复习。

posted on 2011-02-15 17:51  无量小猪  阅读(2346)  评论(0编辑  收藏  举报