日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

angualr 单选全选方法(适用购物车/各种列表删除等)

發布時間:2025/3/15 编程问答 17 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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});};

?

轉載于:https://www.cnblogs.com/vonson/p/7665935.html

總結

以上是生活随笔為你收集整理的angualr 单选全选方法(适用购物车/各种列表删除等)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。