黑客网,连战演讲,蒙面光速侠21
html
<input type='checkbox' v-model='checkboxmodel' :value='z.coach_id+"-"+z.amount' :i="dianji" @click="lll">
第一个checkbox
<span><input type='checkbox' v-model='checked' v-on:click='checkedall'><span class="select-all">全选</span></span>
第二个
定义
return { dianji:'12', list: [], value:{}, value1:{}, checkall: false, checkarr:[], checkboxmodel:[], 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 全选 数据的绑定及获取和计算方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
详解element上传组件before-remove钩子问题解决
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
网友评论