购物车全选流程

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;//获取选取长度
            },

上一篇 下一篇

猜你喜欢

热点阅读