angualr 單選全選方法(適用購物車/各類列表刪除等)

Html部分:spa

<table class="pay_attention_table">
                       <thead>
                        <tr>
                            <!--ng-click="all(selectAll)"-->
                            <th class="c_aa w52">
                                <input type="checkbox" class="mr4" ng-model="selectObj.select_all" ng-change="selectAll()">全選
                            </th>
                            <th class="c_aa w240 textCenter">名稱</th>
                            <th class="c_aa w240 textCenter">領域</th>
                            <th class="c_aa w177 textCenter">來源</th>
                            <th class="c_aa w177 textCenter">下載時間</th>
                            <th class="c_aa w177 textCenter">操做</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr ng-repeat="downloadInfo in myDownload">
                            <!--ng-checked="selectAll"-->
                            <td>
                                <input type="checkbox" ng-model="downloadInfo.checked" ng-change="selectOne()">{{checked}}
                            </td>
                            <td>
                                <div class="">
                                    <span class="ml4">{{downloadInfo.title}}</span>
                                </div>
                            </td>
                            <td class="textCenter">景觀設計師</td>
                            <td class="textCenter">成都</td>
                            <td class="textCenter">{{downloadInfo.addTime}}</td>
                            <td class="textCenter">
                                <a href="{{downUrl}}" target="_blank" class="c_77" ng-click="downloadAgain(downloadInfo.pid)">再次下載</a>
                                <a class="c_77 otherLine" ng-click="downloadDel(downloadInfo.id)">刪除</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>

Js部分:設計

 //單選多選
            $scope.selectObj={};
            $scope.selectOne = function () {  //單選
                var temp = true;
                angular.forEach($scope.myDownload,function (item) {
                    if(!item.checked){
                        temp = false
                    }
                });
                $scope.selectObj.select_all=temp;
            };
            $scope.selectAll = function () { //多選
                angular.forEach($scope.myDownload,function (item) {
                    item.checked = $scope.selectObj.select_all
                });
            };
相關文章
相關標籤/搜索