ad

复选框验证angularjs-英雄云拓展知识分享

匿名投稿 213 2024-01-22

我有多个问题的复选框。关于我如何能够实现这一行动的任何想法?我的.js代码:

$scope.onCheckBoxSelected=function(){

var flag=false;

for(var key in selectedOptions){

复选框验证angularjs-英雄云拓展知识分享

console.log('Key -' +key +' val- '+selectedOptions[key]);

if(selectedOptions[key]){

flag=true;

}

}

if(!flag){

selectedOptions=undefined;

}

};

以下是我的HTML代码:

<div class="grid">

<div class="col flex⑴0 mandatoryField" ng-class="{error: (!selectedOptions && formMissingFields)}">Hello please select atleast one</div>

<div class="col flex⑵">

</div>

<div class="col flex⑸">

<div style="padding-top: 2px">

<input type="checkbox" name="apple" title="Select type" value="apple" ng-model="apple" ng-change="onCheckBoxSelected()">apple

</input>

</div>

<div style="padding-top: 2px">

<input type="checkbox" name="orange" title="Select type" value="orange" ng-model="orange" ng-change="onCheckBoxSelected()">orange

</input>

</div>

<div style="padding-top: 2px">

<input type="checkbox" name="banana" title="Select type" value="banana" ng-model="banana" ng-change="onCheckBoxSelected()">banana

</input>

</div>

</div>

</div>

看答案

您可以将其更简单,而无需进行NGCHANGE事件。

<div ng-class="{error: !apple && !orange && !banana">Hello please select atleast one</div>


🚀🌟 点击注册 免费试用超级应用平台-英雄云企业级hpapaas 🌟🚀 😃👉🌐

免责声明

本网址(www.yingxiongyun.com)发布的材料主要源于独立创作和网友匿名投稿。此处提供的所有信息仅供参考之用。我们致力于提供准确且可信的信息,但不对材料的完整性或真实性作出任何保证。用户应自行验证相关信息的正确性,并对其决策承担全部责任。对于由于信息的错误、不准确或遗漏所造成的任何损失,本网址不承担任何法律责任。本网站所展示的所有内容,如文字、图像、标志、音频、视频、软件和程序等的版权均属于原创作者。如果任何组织或个人认为网站内容可能侵犯其知识产权,或包含不准确之处,请即刻联系我们进行相应处理。

标签:JavaScript html
上一篇:如何使用http触发器使用Azure函数在Cosmos Azure(NOSQL)中更新数据-英雄云拓展知识分享
下一篇:没法将变量声明为抽象类型,由于虚拟函数是纯洁的 - 带有多个继承-英雄云拓展知识分享
相关文章

 发表评论

暂时没有评论,来抢沙发吧~

×