jQuery实现复选框单选
这里职务只能勾选一个,所以我打算实现复选框只能单选的功能。
实现思路:
遍历每一个checkbox,如果有一个选中,其他的就默认未选中状态,从而实现checkbox单选功能。
js代码:
//checkbox实现单选 $("input[name='job']:checkbox").each(function(){ $(this).click(function(){ if($(this).prop('checked')){ $('input[name="job"]').prop('checked',false); $(this).prop('checked',true); } }); });
判断checkbox是否选中:(不建议使用attr,我每次用都挂掉,奇奇怪怪!)
.prop('checked'): //1.6+:true/false .is(':checked'): //所有版本:true/false//别忘记冒号哦
jquery赋值checked的几种写法:(还是不建议使用attr,某些时候就出错!)
$('input[name="job"]').prop('checked',false); //设置取消选中
//设置选中 $('input[name="job"]').prop('checked',true);
$('input[name="job"]').prop('checked','checked');