这里职务只能勾选一个,所以我打算实现复选框只能单选的功能。

实现思路:

遍历每一个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\');    

 

版权声明:本文为qianxunpu原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/qianxunpu/p/9909411.html