jquery对复选框(checkbox)的操作汇总
jquery操作复选框(checkbox)的12个小技巧。
1、获取单个checkbox选中项(三种写法)
1
|
$(
"input:checkbox:checked"
).val()
|
或者
1
|
$(
"input:[type='checkbox']:checked"
).val();
|
或者
1
|
$(
"input:[name='ck']:checked"
).val();
|
2、 获取多个checkbox选中项
1
2
3
4
5
|
$(
'input:checkbox'
).each(
function
() {
if
($(
this
).attr(
'checked'
) ==
true
) {
alert($(
this
).val());
}
});
|
3、设置第一个checkbox 为选中值
1
|
$(
'input:checkbox:first'
).attr(
"checked"
,
'checked'
);
|
或者
1
|
$(
'input:checkbox'
).eq(0).attr(
"checked"
,
'true'
);
|
4、设置最后一个checkbox为选中值
1
|
$(
'input:radio:last'
).attr(
'checked'
,
'checked'
);
|
或者
1
|
$(
'input:radio:last'
).attr(
'checked'
,
'true'
);
|
5、根据索引值设置任意一个checkbox为选中值
1
|
$(
'input:checkbox).eq(索引值).attr('
checked
', '
true
');
|
索引值=0,1,2....
或者