如何在角度js中实现“全选”复选框

时间:2018-02-04 11:45:40

标签: javascript html angularjs checkbox

我还有一个使用AngularJs的多个复选框的HTML页面。

我还需要一个名为“全选”的复选框。当我选中此复选框时,必须选中HTML页面中的所有复选框。我怎么能这样做?

我的复选框情况如下:

<input id="check_0_0_1"  type="checkbox">
<input id="check_0_1_1"  type="checkbox">
<input id="check_0_1_2"  type="checkbox">
<input id="check_0_2_1"  type="checkbox">
//and so on 

我已经阅读了下面的页面,但我仍然不知道如何使用AngularJS实现它

1 个答案:

答案 0 :(得分:0)

检查此代码:

<form id="selectionForm">
    <input type="checkbox" ng-model="selectAll" >Select all
    <br>
    <input type="checkbox" ng-checked="selectAll || option1" ng-init="option1=true" ng-model="option1">Option 1
    <br>
    <input type="checkbox" ng-checked="selectAll">Option 2
</form>