jQuery实现多个CheckBox只选中一个

多个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的选中状态取消，但是只写这段不改变样式之后发现选中状态，仍然存在。后来发现还需要修改span的class属性。