JavaScript操作Checkbox,以及获取选中状态

基于jQuery

1 选中状态

1.1 选中的元素
[js]
$('input[type=checkbox]:checked')
$('input:checkbox:checked')
[/js]

2.2 是否选中
[js]
$('input:checkbox').is(":checked")
返回 true/false
$('input:checkbox').attr("checked")
1.6+ 返回 checked/undefined
1.5- 返回 true/false
$('input:checkbox').prop("checked")
1.6+ 返回 true/false
<span style="color:red;">$('input:checkbox').get(0).checked</span>
[/js]

2 操作

2.1 选中
[js]
$('input:checkbox').attr("checked",'checked');
$('input:checkbox').attr("checked",'true');
jQuery 1.6+ 支持:
$('input:checkbox').prop("checked","checked");
$('input:checkbox').prop("checked",true);
$('input:checkbox').prop({checked:true});
$('input:checkbox').prop("checked",function(){
return true;
});
[/js]

2.2 取消选中
[js]
$('input:checkbox').removeAttr("checked");
$('input:checkbox').attr("checked",'false');
jQuery 1.6+ 支持:
$('input:checkbox').prop("checked",false);
$('input:checkbox').prop({checked:false});
$('input:checkbox').prop("checked",function(){
return false;
});
[/js]

您的赞助将会支持作者创作及本站运维

发表评论


TOP