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\');