如何验证angularjs中的3个复选框中是否至少选择了一个复选框答案

【问题标题】：How to validate if there is at least one checkbox selected out of 3 checkboxes in angularjs如何验证angularjs中的3个复选框中是否至少选择了一个复选框
【发布时间】：2016-01-21 01:37:28
【问题描述】：

好的，代码如下：

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

【问题讨论】：

标签： javascript jquery angularjs asp.net-mvc checkbox

【解决方案1】：

您可以在输入中添加“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}

【讨论】：

现在我有了这些价值观。我如何计算所有的 'TRUE' > 0 ？
您可以在控制器中通过 angularForeach 来执行此操作

【解决方案2】：

您可以尝试使用 !frmLoanRefer.LoanReferData.Prop1 而不是 frmLoanRefer.chkbx1.$dirty。 frmLoanRefer.chkbx2.$dirty 和 frmLoanRefer.chkbx3.$dirty 也一样

【讨论】：