ionic 购物车全选,单选

1.html

<input type="checkbox" name="" ng-click="checkAll()"  ng-model="data.checkedAll">全选
    <div ng-repeat="item in classifyList">
        <input type="checkbox" name=""  ng-model="item.checked" ng-click="check(item.id,item.checked)">{{item.classify}}
    </div>

2.controller

$scope.data={
     checkedAll:''
   }
   $scope.classifyList=[{
          id:1,
          classify:'手机数码'
        },{
          id:2,
          classify:'电脑办公'
        },{
          id:3,
          classify:'生活电器'
        }]

    //选择全部
    var checkedNum=0;
    $scope.checkAll=function(){ 
     angular.forEach($scope.classifyList,function(value){
          if($scope.data.checkedAll){
            value.checked=true;
            checkedNum=$scope.classifyList.length;
          }else{
            value.checked=false;
            checkedNum=0;
          }
      })     
    }   
    //单选商品
    $scope.check=function(id){ 
     angular.forEach($scope.classifyList,function(value){
          if(value.id==id&&value.checked){
            checkedNum++
          }else if(value.id==id&&!value.checked){
            checkedNum--
          }
      }) 
      //单选了所有商品,自动勾选全选。否则不勾选
      if ($scope.classifyList.length === checkedNum) {
            $scope.data.checkedAll = true;
        } else {
            $scope.data.checkedAll = false;
       }     
   }   


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值