多个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属性。