Ionic checkbox 改写为单选

最新推荐文章于 2021-10-12 09:57:38 发布

weixin_34293911

最新推荐文章于 2021-10-12 09:57:38 发布

阅读量582

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/1765449/blog/1525644

版权

2019独角兽企业重金招聘Python工程师标准>>>

Ionicradio默认的样式，选取打勾在右侧，不符合要求。

checkbox样式符合要求，选择打勾在左侧，修改为单选即可。

<div class="list">
      <ion-checkbox ng-repeat="item in devList"
                    ng-model="item.checked"
                    ng-checked="item.checked"
                    ng-change="singleCheck(item)">//修改为单选的function
        {{ item.text }}
      </ion-checkbox>
    </div>

$scope.singleCheck = function(item){
        var checkItem = item.text;
        $scope.devList = [
          { text: "AAA", checked: false },
          { text: "BBB", checked: false },
          { text: "CCC", checked: false }
        ];
        var devArr = $scope.devList;
        for(var i=0;i<devArr.length;i++){
                    if(devArr[i].text==checkItem){
                      devArr[i].checked=true;
                    }
        }
    }

转载于:https://my.oschina.net/u/1765449/blog/1525644