vue checkbox 全选 数据的绑定及获取和计算方法

网友投稿 251 2023-02-17


vue checkbox 全选 数据的绑定及获取和计算方法

html

第一个CheckBox

全选

第二个

定义

return {

dianji:'12',

list: [],

value:{},

value1:{},

checkAll: false,

checkArr:[],

checkboxModel:[],

wodeshi:'0',

checked:false

}

lll: function(){

var self = this;

var sum=0;

setTimeout(funhttp://ction(){

for(var x in self.checkboxModel){

sum += parseIhttp://nt(self.checkboxModelLqHzsKaoZb[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+'-'LqHzsKaoZb+z.amount);

});

}

if(_this.checkboxModelhttp://.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;

}

},


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:利用SpringMVC过滤器解决vue跨域请求的问题
下一篇:api接口管理系统app(开源api接口管理平台)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~