jquery实现全选、反选、获得所有选中的checkbox (记录专用

7个不同的checkbox状态

1、全选

?

1 2 3

$( "#btn1" ).click( function (){ $( "input[name='checkbox']" ).attr( "checked" , "true" ); })

2、取消全选（全不选）

?

1 2 3

$( "#btn2" ).click( function (){ $( "input[name='checkbox']" ).removeAttr( "checked" ); })

3、选中所有奇数

?

1 2 3

$( "#btn3" ).click( function (){ $( "input[name='checkbox']:odd" ).attr( "checked" , "true" ); })

4、选中所有偶数

?

1 2 3

$( "#btn6" ).click( function (){ $( "input[name='checkbox']:even" ).attr( "checked" , "true" ); })

5、反选

?

1 2 3 4 5 6 7 8 9 10 11 12

$( "#btn4" ).click( function (){ $( "input[name='checkbox']" ).each( function (){ if ($( this ).attr( "checked" )) { $( this ).removeAttr( "checked" ); } else { $( this ).attr( "checked" , "true" ); } }) })

或者

?

1 2 3 4 5

$( "#invert" ).click( function (){    $( "#ruleMessage [name='delModuleID']:checkbox" ).each( function (i,o){     $(o).attr( "checked" ,!$(o).attr( "checked" ));    });   });

6、获取选择项的值

?

1 2 3 4 5 6 7 8

var aa= "" ; $( "#btn5" ).click( function (){ $( "input[name='checkbox']:checkbox:checked" ).each( function (){ aa+=$( this ).val() }) document.write(aa); }) })

7、遍历选中项

?

1 2 3 4

$( "input[type=checkbox][checked]" ).each( function (){   //由于复选框一般选中的是多个,所以可以循环输出   alert($( this ).val()); });