如何验证 angularjs 中的 3 个复选框中是否至少选中了一个复选框
How to validate if there is at least one checkbox selected out of 3 checkboxes in angularjs
好的,所以这是代码:
<input name="chkbx1" type="checkbox"
ng-model="LoanReferData.Prop1"
ng-class="Submitted?'ng-dirty':''" required>Prop 1</input>
<input name="chkbx2" type="checkbox"
ng-model="LoanReferData.Prop2" ng-class="Submitted?'ng-dirty':''"
required>Prop 2</input>
<input name="chkbx3" type="checkbox" ng-model="LoanReferData.Prop3"
ng-class="Submitted?'ng-dirty':''" required>Other</input>
<span class="error" ng-show="((frmLoanRefer.chkbx1.$dirty || Submitted) && frmLoanRefer.chkbx1.$error.required) ||
((frmLoanRefer.chkbx2.$dirty || Submitted) && frmLoanRefer.chkbx2.$error.required) ||
((frmLoanRefer.chkbx3.$dirty || Submitted) && frmLoanRefer.chkbx3.$error.required) ">
* please select atleast 1 property is required.</span>
您可以在输入中添加"ng-true-value"属性作为示例
<input name="chkbx1" type="checkbox" ng-true-value="true"
ng-model="LoanReferData.Prop1"
ng-class="Submitted?'ng-dirty':''" required>Prop 1</input>
<input name="chkbx2" type="checkbox" ng-true-value="true"
ng-model="LoanReferData.Prop2" ng-class="Submitted?'ng-dirty':''"
required>Prop 2</input>
<input name="chkbx3" type="checkbox" ng-model="LoanReferData.Prop3" ng-true-value="true"
ng-class="Submitted?'ng-dirty':''" required>Other</input>
{{LoanReferData}}
这是一个答案
{"Prop1":"true","Prop2":"true","Prop3":false}
你可以尝试使用!frmLoanRefer.LoanReferData.Prop1而不是frmLoanRefer.chkbx1.$dirty。frmLoanRefer.chkbx2.$dirty 和 frmLoanRefer.chkbx3.$dirty 也是如此
相关文章:
- 复选框:一次只允许单击一个复选框
- jquery从2个json字符串构建一个复选框表单
- 聚合物铁形式验证至少选中一个复选框
- 我有多个复选框,并希望为其中 2 个制定规则,以便如果我选择 1 个,则无法选择另一个
- 如何从多个复选框中获取最后一个值
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- 在单击一个或多个复选框的同时调用iframe
- 如何创建只允许用户在选中前一个复选框的情况下选择复选框的复选框验证
- 复选框一次选中一个不在gridview中工作
- 如果选中了以下复选框,请选中上一个复选框
- 复选框一次选中一个不起作用
- 如何创建一个新的<李>带有复选框或<a>在里面
- 在一组复选框中,一次只允许选择一个
- 如何通过jQuery选中所有复选框并在单击一个复选框时取消选择
- 如何发现至少有一个复选框被选中或没有使用javascript
- 在mvc4中选择另一个复选框时禁用复选框
- 导航到另一个页面后,复选框状态会更改
- Javascript选中一个表中的所有复选框,该表的行具有样式显示标记
- 在服务器上创建一个复选框,使用 javascript 处理函数
- 选择一个从 mysql 返回选中/未选中复选框的对象