1.方法如下,可以实现全选,但是如果我点击了一个chekBox 后,在点击全选和取消全选,则被点击过的这个checkBox 的样式不会改变,请问怎么解决这个问题?
// checkBox 要监听 change 事件
document.getElementById('allCheckBox').addEventListener('change',function(e) {
var checkboxs = mui('.if7-input-checkBox');
var num = 0;
var tempNum = 0;
if (this.checked) {
checkboxs.each(function(e) {
this.setAttribute('checked','checked');
tempNum = this.getAttribute("d-num")
tempNum = tempNum ? parseInt(tempNum) : 0;
num = num + tempNum;
})
} else {
checkboxs.each(function(e) {
this.removeAttribute('checked');
})
}
mui('#allNums')[0].innerText = num;
})
IT_阳光
- 发布:2015-10-16 11:34
- 更新:2017-12-30 09:32
- 阅读:8237
MUI checkBox 全选问题
分类:MUI
3 个回复
卡森
我也遇到这个问题了.很难解决找了半天答案了.
qiuxiaojun - aaaaaa
同问!!!!!!!!!!!!!!!!
懒得安分
用prop()设置checkbox状态,attr()是不可以重复添加删除一个属性的