input checkbox 全选

 1  <! DOCTYPE Html >  
 2 
 3 02  < html >  
 4 
 5 03      < head >  
 6 
 7 04          < script  type ="text/javascript"  src ="http://code.jquery.com/jquery-1.4.4.min.js" ></ script >  
 8 
 9 05          < script  type ="text/javascript" >   
10 
11  06               function  selectAll(checkbox) {  
12 
13  07                  $( ' input[type=checkbox] ' ).attr( ' checked ' , $(checkbox).attr( ' checked ' ));  
14 
15  08              }  
16 
17  09           </ script >  
18 
19 10      </ head >  
20 
21 11      < body >  
22 
23 12          < input  type ="checkbox"  onclick ="selectAll(this);"   />全选 < br />  
24 
25 13          < input  type ="checkbox"    />< br />  
26 
27 14          < input  type ="checkbox"    />< br />  
28 
29 15          < input  type ="checkbox"    />< br />  
30 
31 16          < input  type ="checkbox"    />< br />  
32 
33 17          < input  type ="checkbox"    />< br />  
34 
35 18          < input  type ="checkbox"    />< br />  
36 
37 19         ……  
38 
39 20      </ body >  
40 
41 21  </ html > 

 

//全选

04	function select_all(){

05	$("input[name='id']").attr("checked", true);

06

}

07

08

//全不选

09	function unselect_all(){

10	$("input[name='id']").attr("checked", false);

11

}

12

13

//反向选择

14	function select_other(){

15	jQuery.each($("input[name='id']"), function(i, n){

16	n.checked = !n.checked;

17

});

18

}