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());
}); |