Javascript AngularJS主复选框切换器

AngularJs to do:master复选框可以打开/关闭it子复选框吗？每个复选框显示不同的内容<代码>在此处输入代码

是，您可以创建一个主复选框切换

查看

<input type="checkbox" ng-model="selectAll" ng-click="checkAll()" />
<input type="checkbox" ng-model="checkbox[0].selected" />
<input type="checkbox" ng-model="checkbox[1].selected" />
<input type="checkbox" ng-model="checkbox[2].selected" />

---

是的，您可以创建主复选框切换

查看

<input type="checkbox" ng-model="selectAll" ng-click="checkAll()" />
<input type="checkbox" ng-model="checkbox[0].selected" />
<input type="checkbox" ng-model="checkbox[1].selected" />
<input type="checkbox" ng-model="checkbox[2].selected" />

---

将模型添加到“ng checked”表达式中

  <input id="checkSlave" type="checkbox" ng-checked="master || slave1" ng-model="slave1" aria-label="Slave input">
  <input id="checkSlave" type="checkbox" ng-checked="master || slave2" ng-model="slave2" aria-label="Slave input">
  <input id="checkSlave" type="checkbox" ng-checked="master || slave3" ng-model="slave3" aria-label="Slave input">

<div ng-show="slave1 || master">Slave one showed!</div>
<div ng-show="slave2 || master">Slave two showed!</div>
<div ng-show="slave3 || master">Slave three showed!</div>

在ng show表达式中添加“master”

  <input id="checkSlave" type="checkbox" ng-checked="master || slave1" ng-model="slave1" aria-label="Slave input">
  <input id="checkSlave" type="checkbox" ng-checked="master || slave2" ng-model="slave2" aria-label="Slave input">
  <input id="checkSlave" type="checkbox" ng-checked="master || slave3" ng-model="slave3" aria-label="Slave input">

<div ng-show="slave1 || master">Slave one showed!</div>
<div ng-show="slave2 || master">Slave two showed!</div>
<div ng-show="slave3 || master">Slave three showed!</div>

奴隶一号出现了！
奴隶二号！
奴隶三号！

将模型添加到“ng checked”表达式中

  <input id="checkSlave" type="checkbox" ng-checked="master || slave1" ng-model="slave1" aria-label="Slave input">
  <input id="checkSlave" type="checkbox" ng-checked="master || slave2" ng-model="slave2" aria-label="Slave input">
  <input id="checkSlave" type="checkbox" ng-checked="master || slave3" ng-model="slave3" aria-label="Slave input">

<div ng-show="slave1 || master">Slave one showed!</div>
<div ng-show="slave2 || master">Slave two showed!</div>
<div ng-show="slave3 || master">Slave three showed!</div>

在ng show表达式中添加“master”

  <input id="checkSlave" type="checkbox" ng-checked="master || slave1" ng-model="slave1" aria-label="Slave input">
  <input id="checkSlave" type="checkbox" ng-checked="master || slave2" ng-model="slave2" aria-label="Slave input">
  <input id="checkSlave" type="checkbox" ng-checked="master || slave3" ng-model="slave3" aria-label="Slave input">

<div ng-show="slave1 || master">Slave one showed!</div>
<div ng-show="slave2 || master">Slave two showed!</div>
<div ng-show="slave3 || master">Slave three showed!</div>

奴隶一号出现了！
奴隶二号！
奴隶三号！

打开或关闭是什么意思？你能详细说明一下吗？如果“主”复选框处于启用状态，则必须显示所有3个div/hided@user880772否，在示例中，子级未持有ng show contentcan not use

ng checked

with

ng model

。您的体验有缺陷检查Daniel解决方案打开或关闭是什么意思？你能详细说明一下吗？如果“主”复选框处于启用状态，则必须显示所有3个div/hided@user880772否，在示例中，子级未持有ng show contentcan not use

ng checked

with

ng model

。你的实验有缺陷在Daniel解决方案处检查根本没有。请仔细阅读并注意我的扑救。每个复选框都有不同的显示内容checked@TeodorKolev你所要做的就是加入ng秀的DIV。请再次检查以上提示：@TeodorKolev如果这充分解决了您的问题，请将此标记为已回答。完全没有。请仔细阅读并注意我的扑救。每个复选框都有不同的显示内容checked@TeodorKolev你所要做的就是加入ng秀的DIV。请再次检查以上提示：@TeodorKolev如果这充分解决了您的问题，请将此标记为已回答。如果这是您的意思，则存在问题。选中第一个，选中主控，取消选中主控。结果所有复选框均未选中，但第一个内容仍显示。但不应该将模型添加到每个“ng checked”表达式中。如果希望在主复选框选中/取消选中时强制选中/取消选中复选框，则可能需要将其与ng Clicking集成如果这是您的意思，则存在问题。选中第一个，选中主控，取消选中主控。结果所有复选框均未选中，但第一个内容仍显示。但不应该将模型添加到每个“ng checked”表达式中。如果希望在主复选框选中/取消选中时强制选中/取消选中该复选框，则可能需要将其与ng click集成