基于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]
您的赞助将会支持作者创作及本站运维
发表评论