您好,欢迎来到99网。
搜索
您的当前位置:首页jQuery实现多个CheckBox只选中一个

jQuery实现多个CheckBox只选中一个

来源:99网

多个CheckBox在表格同一框中,实现只能选中一个框,当选择其他框的时候,原来选中的框自动取消。

 

 

//监听原材料更改check框的click事件
jQuery("#field13848").click(function(){  
    checkBoxStatus("field13848");
});
 
jQuery("#field13849").click(function(){
   checkBoxStatus("field13849");
});
 
jQuery("#field13850").click(function(){
      checkBoxStatus("field13850");
});
 
//实现只能选中一个CheckBox框。
functioncheckBoxStatus(fieldId) {
    for (var i = 0; i < 3; i++) {
        var checkNum = 13848 + i;
        var checkStr = "field" +checkNum;
        if (jQuery("#field" +checkNum).attr('checked') == true) {
            if (checkStr != fieldId) {
                jQuery("#field" +checkNum).attr('checked', false);
               //修改span的class样式
                jQuery("#field" +checkNum).next().attr("class","jNiceCheckbox");
            }
 
        }
    }
}

 

 jQuery(id).attr('checked', false);是将CheckBox的选中状态取消,但是只写这段不改变样式之后发现选中状态,仍然存在。后来发现还需要修改spanclass属性。

 

 

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- 99spj.com 版权所有 湘ICP备2022005869号-5

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务