为了账号安全,请及时绑定邮箱和手机立即绑定

单选和全选问题

1.单个商品全部选中后,全选按钮也选中 2.单个商品取消后,全选按钮也取消 怎么实现求指教!

正在回答

5 回答

在selectedProduct中的最后添加下面的代码

//定义变量,用于记录选定的商品的个数
var checkedNum = 0;

//遍历所有的商品
for (var i = 0; i < this.productList.length; i++) {

    //如果选中了商品
    if (this.productList[i].checked) {

        //选中的商品数量加1
        checkedNum++;
    }
}

//如果选中的商品数量和商品总数一样,表示选中了所有商品
if (checkedNum == this.productList.length) {
    this.checkedAllFlag = true;

//没有选中所有的商品
} else {
    this.checkedAllFlag = false;
}
0 回复 有任何疑惑可以回复我~
#1

慕娘2848535

我添进去了问什么不管用呢
2018-10-22 回复 有任何疑惑可以回复我~

每次单选监听列表所有单选框是否都被选中,然而实现后用处也不大,没必要

0 回复 有任何疑惑可以回复我~

在selectedProduct这个方法中再添加一个判断:

if(typeof item.checked=='undefined')

 {

       this.$set(item,"checked",true);

} else {

      item.checked=!item.checked;

}

//添加判断全选

for (var item of this.productList){

    if(item.checked==false){this.checkAllFlag = false}

    this.checkAllFlag = true

})

大致就这个思路,遍历productlist里的每一项的checked属性

2 回复 有任何疑惑可以回复我~

我说的是单选和全选的联动

0 回复 有任何疑惑可以回复我~

建议你再看一次,视频里不是说了吗?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
使用vue2.0实现购物车和地址选配功能
  • 参与学习       96865    人
  • 解答问题       446    个

本视频教程结合案例完整贯穿各个知识点,轻松玩转vue2.0框架

进入课程

单选和全选问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信