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

 

posted @ 2018-11-05 15:32  千寻的天空之城  阅读(3573)  评论(0编辑  收藏  举报