gpt4 book ai didi

javascript - 如何选择嵌套 ng-repeat 中的所有复选框

转载 作者:行者123 更新时间:2023-11-28 11:32:19 24 4
gpt4 key购买 nike

我正在尝试创建一个列表,其中有多个用于 ng-repeat 复选框的全选按钮。HTML 代码

<div class="col-xs-12"ng-repeat="items in testArray">
<div class="col-xs-6">
{{items.brand}}
</div>
<div class="col-xs-6 col-sm-offset-6">
<button ng-click="selectAll()">select All</button>
<div ng-repeat="i in items.form">
<input type="checkbox"/>{{i.formName}}
</div>
</div>
</div>

最佳答案

你可以尝试一下。这个例子你可以根据你的需要进行操作 https://plnkr.co/edit/qD7CABUF9GLoFCb8vDuO?p=preview

 $scope.test=function(event){

if(event.currentTarget.checked==true)
{
var togglestatus=$scope.isAllSelected;
angular.forEach($scope.options,function(object){

object.selected=togglestatus

})



}else{
angular.forEach($scope.options,function(object){

object.selected=false

})
}
}

html:

 <body ng-app="test" ng-controller="testctrl">
<label>
<input type="checkbox" ng-model="isAllSelected" ng-click="test($event)">SelectAll</label>

<div ng-repeat="option in options">
<input type="checkbox" ng-model="option.selected">checkbox</div>

</body>

关于javascript - 如何选择嵌套 ng-repeat 中的所有复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38891467/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com