购物车全选流程
2020-03-26 本文已影响0人
在下高姓
<input v-for="(item,index) in mycarts" @click="disableAccount(index)" :value="index" name="id" type="checkbox"/>//遍历的单选框//value绑定下标
<input @click="int()" id="int" value="3" name="all" type="checkbox"/>//全选按钮
var status1=false;//设置全选开关
// 全选
int(){
if(status1===true){
status1=false;
$("input[name='id']").prop("checked",'true');//全选
}else if(status1===false){
status1=true;
$("input[name='id']").removeAttr("checked");//取消全选
}
this.disableAccount();//调用选中的
},
//获取选择的单选框
disableAccount() {
let obj = document.getElementsByName("id");//获取单选框
let ids=[];//创建空数组
for (k in objj) {
if (obj[k].checked){
ids.push(objj[k].value);//把选中的按钮绑定的index放入数组
}
}
this.length=ids.length;//获取选取长度
},