angular.js 1 我要做一个单选取消单选 单选可以取消单选该怎么做

Question

<a href="javascript:;" class="weui-grid" ng-repeat="a in jsont" ng-click="add($index)"

               ng-class="{Sele:a.ischecked}" x-la="{{a.actGoods.settleAccount}}" X-single="{{a.shopGoodsCode}}">
                <div class="weui-grid__icon">
                    <img ng-src="{{a.actGoods.imgUrl}}" alt="" style="max-height:146px;">
                </div>
                <p class="weui-grid__label">{{a.actGoods.name}}</p>
                <p class="weui-grid__label ps">活动价 <span>￥<b>{{a.price/100}}</b>/{{a.unit}}</span></p>
            </a>

$scope.add = function (index) { //单选

    angular.forEach($scope.jsont, function (value, key) {
        value.ischecked = false;
    });
        
        $scope.jsont[index].ischecked=true;
}

Answer 1

$scope.add = function (index) { //单选

var val = !$scope.jsont[index].ischecked;
angular.forEach($scope.jsont, function (value, key) {
    value.ischecked = false;
});
$scope.jsont[index].ischecked = val;

}

Answer 2

$scope.add = function (index) { //单选

    if ($scope.jsont[index].ischecked == true) {
        $scope.jsont[index].ischecked = false;
    } else {
        angular.forEach($scope.jsont, function (value, key) {
            value.ischecked = false;
        });
        $scope.jsont[index].ischecked = true;
    }
}