【问题标题】:How to implement "select all" check box in angular js如何在angularjs中实现“全选”复选框
【发布时间】:2018-02-04 21:09:51
【问题描述】:

我还有一个使用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实现它

【问题讨论】:

  • 有什么角码可以和我们分享一下吗?
  • 请阅读如何创建minimal reproducible example 并通过编辑将缺少的信息添加到您的帖子中:) 如果您还没有阅读How to Ask,我建议您这样做:) 我强烈推荐遵循我链接的 2 个指南,因为当帖子遵循这些指南时,SO 上的人更有可能回答问题。我特别缺少的是 - 到目前为止你尝试了什么?您面临哪些错误/问题?你可能有 coden-ps 来显示你到目前为止尝试过的内容吗?欢迎使用 StackOverflow

标签: javascript html angularjs checkbox


【解决方案1】:

检查此代码:

<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>

【讨论】:

    猜你喜欢
    • 2012-05-02
    • 2017-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多