如何只检查角度中的一个复选框?

时间:2016-03-09 08:25:52

标签: javascript angularjs angularjs-scope

您能告诉我如何一次只检查一个复选框吗?我显示一个弹出屏幕,其中显示复选框。但是用户可以选择多个复选框。我需要阻止它。我的意思是用户一次只能选择一个复选框。这是我的代码 http://plnkr.co/edit/p2xHhT7e72m3nnMjP7qC?p=preview

I should have had CumCredits.text == "" || CumGPA.text == ""

想要使用复选框而非单选按钮

2 个答案:

答案 0 :(得分:0)

如评论中所述,您可以使用radio button。 (请在此提供示例)

另一种方法是将输入包装在表单字段中,并使用自定义指令对其进行验证。 (在此提供示例)

请同时检查这个plunkr(提供说明plunkr在这里做什么) http://plnkr.co/edit/p3qv4vKR5r7QsF6EQe5D?p=preview

答案 1 :(得分:0)

来自询问用户的压力我移除了单选按钮部分。使用复选框进行单选的原因保持神秘。

替代:

如果您因某种原因确实想使用复选框,请在ng-click上使用功能。

<input ng-click="unsetOtherOptions(value1)" 

$scope.unsetOtherOptions = function(value) {
    // unset all values
    for (var v in allValues) {
        v = false;
    }
    // reset value
    value = true;
}