zoukankan      html  css  js  c++  java
  • angualr 单选全选方法(适用购物车/各种列表删除等)

    Html部分:

    <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
                    });
                };
  • 相关阅读:
    HDU 2001 计算亮点间的距离
    HDU 1003 Max Sum
    HDU 2091 空心三角形
    HDU 2021 发工资咯:)
    HDU 2028Lowest Common Multiple Plus
    asp.net面试题
    BSD socket
    循环添加textbox的数据
    总结一下网站注入与防范的方法
    net生成12位随机数
  • 原文地址:https://www.cnblogs.com/vonson/p/7665935.html
Copyright © 2011-2022 走看看