jq对复选框的操作
HTML代码:
<div class="xz"><input name="cjxz" type="checkbox"/><span>养老</span></div>
<div class="xz"><input name="cjxz" type="checkbox"/><span>失业</span></div>
<div class="xz"><input name="cjxz" type="checkbox"/><span>医疗</span></div>
<div class="xz"><input name="cjxz" type="checkbox"/><span>工伤</span></div>
<div class="xz"><input name="cjxz" type="checkbox"/><span>生育</span></div>
文字点击,选中对应的复选框,代码附上
$(".xz").click(function () {
if ($(this).children("input").is(':checked')) {
$(this).children("input").removeAttr("checked");
} else {
$(this).children("input").prop("checked", true);
}
});
点击复选框选中
$(".xz input").click(function () {
if ($(this).is(':checked')) {
$(this).removeAttr("checked");
} else {
$(this).prop("checked", true);
}
});
判断是否全部选中
if($('[name="cjxz"]:checked').length == 0){
alert("没有全部选中!");
return false;
}
单个选中判断,ture为选中,false未选中
if($('选择器').is(':checked')){
alert('选中了');
}else{
alert('未选中');
}
单个添加选中
$('选择器').prop("checked", true);
单个移除选中
$('选择器').removeAttr("checked");
为大家提供更多更全面的知识点,共同进步!