1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html> 3 <head> 4 <title>新建网页</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 6 <meta name="description" content=""/> 7 <meta name="keywords" content=""/> 8 <script type="text/javascript" src="../jquery-1.4.4.js" ></script> 9 10 <script type="text/javascript"> 11 function selAll(){ 12 $(".ho").attr('checked',true); 13 } 14 function selAllNot(){ 15 $(".ho").attr('checked',false); 16 } 17 function selFan(){ 18 //反选操作 19 //获得全部复选框、遍历、判断当前选中情况 20 for(var i=0; i<$(".ho").length; i++){ 21 var flag = $(".ho:eq("+i+")").attr("checked"); 22 $(".ho:eq("+i+")").attr("checked",!flag); 23 } 24 } 25 </script> 26 </head> 27 <body> 28 <h2>复选框操作</h2> 29 30 <input type="checkbox" name="hobby[]" id="hobbya" class="ho" value='a'>篮球 31 <input type="checkbox" name="hobby[]" id="hobbyb" class="ho" value='b'>足球 32 <input type="checkbox" name="hobby[]" id="hobbyc" class="ho" value='c'>登山 33 <input type="checkbox" name="hobby[]" id="hobbyd" class="ho" value='d'>排球 34 35 <br /><br /> 36 <input type="button" value="全选" onclick="selAll()" /> 37 <input type="button" value="全不选" onclick="selAllNot()" /> 38 <input type="button" value="反选" onclick="selFan()" /> 39 </body> 40 </body> 41 </html>