gpt4 book ai didi

javascript - 根据 AngularJS 中的多个条件更改复选框状态

转载 作者:行者123 更新时间:2023-11-30 10:27:19 25 4
gpt4 key购买 nike

在我的场景中,我有一个选择下拉列表,其中分配了一个 ng-model。下拉列表中的每个项目都对应于进行选择时选中的多个复选框。困难在于我不能只检查一个简单的键:值,因为复选框不是任何特定选择所独有的。例如:

<select>
<option>Dog</option>
<option>Cat</option>
<option>Bird</option>
</select>

<input type="checkbox">Is an animal
<input type="checkbox">Can bark
<input type="checkbox">Can meow
<input type="checkbox">Can tweet
<input type="checkbox">Has four legs
<input type="checkbox">Has wings

因此,“是动物”和“有四条腿”的复选框并不排斥。我当前的实现使用一个简单的条件表达式来评估复选框是否被标记 (ng-checked="animal=='dog'") 但当然这排除了其他两种可能性。所以我想知道是否有原生的 Angular 方式来处理 OR 语句或数组。或者,如果没有,我该如何使用 JavaScript 或 jQuery 来解决这个问题?

最佳答案

请参阅此 fiddle :http://jsfiddle.net/QHza7/

模板:

<div ng-app ng-controller="Test">
<select ng-model="opts" ng-options="a.opts as a.name for a in answers"></select>
<br/>
<input type="checkbox" ng-model="opts.animal" />Is an animal<br/>
<input type="checkbox" ng-model="opts.bark" />Can bark<br/>
<input type="checkbox" ng-model="opts.meow" />Can meow<br/>
<input type="checkbox" ng-model="opts.tweet" />Can tweet<br/>
<input type="checkbox" ng-model="opts.legs4" />Has four legs<br/>
<input type="checkbox" ng-model="opts.wings" />Has wings<br/>
</div>

代码:

function Test($scope) {
$scope.answers = [
{name:"Dog", opts:{animal:true,bark:true,legs4:true}},
{name:"Cat", opts:{animal:true,meow:true,legs4:true}},
{name:"Bird", opts:{animal:true,tweet:true,wings:true}}
];
$scope.opts = null;
}

关于javascript - 根据 AngularJS 中的多个条件更改复选框状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18960857/

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