<div class="codetitle"> <span><a style="CURSOR: pointer" data="62009" class="copybut" id="copybut62009" onclick="doCopy('code62009')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code62009"> <br><html> <br><head> <br><title> <br>checkbox测试 <br></title> <br><script type='text/javascript' src='jquery-1.8.2.min.js'></script> <br><br><script type="text/javascript"> <br>$(document).ready(function(){ <br>$("#all").change(function() { <br>//alert($("#all").val()); //获得checkbox的值 <br>// alert($("#all").get(0).checked); //值为true 和false <br>if($("#all").get(0).checked){ //将jquery对象转化为dom对象 使用的是dom对象的属性 <br>$(":checkbox").attr({ <br>//checked: 'checked' 可以和下面一句替换 <br>"checked":true <br>}); <br>}else{ <br>//$(":checkbox").removeAttr('checked'); 可以和下面一句替换 <br>$(":checkbox").attr({ <br>"checked":false <br>}); <br>} <br>//第一种操作数组方法 <br>/* //each(function()) 函数 <br>var arr=new Array(); //一般处理是checkbox中值用数组表示 传递到后台 <br>var i=0; <br>$(":checkbox").each(function(index){ <br>if($(this).val()=="1"){ <br>return true; <br>} <br>arr[i]=$(this).val(); <br>alert(i "前面是下标后面是值" arr[i ]); //获得checkbox 值 <br>}); */ <br>//第二种操作数组方法 <br>var arr= new Array(); <br>$(":checkbox").each(function(index){ <br>if($(this).val()!="1"){ <br>arr.push($(this).val()); <br>} <br><br>}); <br>//组个输出数组值 <br>for(var j=0;j<arr.length;j ){ <br>alert(arr[j]); <br>} <br>var str=arr.join(","); //将数组用，好连接成为字符串 <br>alert(str); //输出字符串 <br>}); <br><br>}); <br><br></script> <br></head> <br><body> <br><input type='checkbox' id='all' value='1' />全选<br /> <br><input type='checkbox' id='all1' value='2' />num1<br /> <br><input type='checkbox' id='all2' value='3' />num2<br /> <br><input type='checkbox' id='all3' value='4' />num3<br /> <br><input type='checkbox' id='all5' value='5' />num4<br /> <br></body> <br></html> <br> </div>
