html
第一个CheckBox
第二个
定义
BoxModel:[],wodeshi:'0',checked:false
}
lll: function(){
var self = this;
var sum=0;
setTimeout(function(){
for(var x in self.checkBoxModel){
sum += parseInt(self.checkBoxModel[x].split('-')[1])
}
self.wodeshi=sum;
},0)
// console.log(self.checkBoxModel)
},checkedAll: function() {
var _this = this;
if (this.checked) {//实现反选
_this.checkBoxModel = [];
}else{//实现全选
_this.checkBoxModel = [];
_this.list.forEach(function(z) {
_this.checkBoxModel.push(z.coach_id+'-'+z.amount);
});
}
if(_this.checkBoxModel.length==0){
this.wodeshi=0;
// console.log(_this.checkBoxModel);
}else {
var self =this;
var sum =0;
for(var x in self.checkBoxModel){
sum += parseInt(self.checkBoxModel[x].split('-')[1])
}
self.wodeshi=sum;
}
},
以上这篇vue checkBox 全选 数据的绑定及获取和计算方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。