Javascript 如何在angular中只选中一个复选框?
您能告诉我如何一次只选中一个复选框吗?我显示一个弹出屏幕,其中显示复选框。但用户可以选择多个复选框。我需要防止这种情况。我的意思是用户一次只能选择一个复选框。这是我的密码Javascript 如何在angular中只选中一个复选框?,javascript,angularjs,angularjs-scope,Javascript,Angularjs,Angularjs Scope,您能告诉我如何一次只选中一个复选框吗?我显示一个弹出屏幕,其中显示复选框。但用户可以选择多个复选框。我需要防止这种情况。我的意思是用户一次只能选择一个复选框。这是我的密码 点击我的下拉列表,哟! 选项1 选择2 选择3 要使用复选框而不是单选按钮如评论中所述,您可以使用单选按钮。(请在此提供示例) 另一种方法是将输入包装在表单字段中,并使用自定义指令对其进行验证。(此处提供示例) 还请检查此plunkr(在此处解释plunkr的功能) 由于询问用户的压力,我拆下了单选按钮部件。使用
点击我的下拉列表,哟!
选项1
选择2
选择3
要使用复选框而不是单选按钮如评论中所述,您可以使用
单选按钮
。(请在此提供示例)
另一种方法是将输入包装在表单字段中,并使用自定义指令对其进行验证。(此处提供示例)
还请检查此plunkr(在此处解释plunkr的功能)
由于询问用户的压力,我拆下了单选按钮部件。使用单选复选框的原因仍然很神秘 备选方案: 如果出于某种原因确实要使用复选框,请在ng上使用函数,单击
<input ng-click="unsetOtherOptions(value1)"
$scope.unsetOtherOptions = function(value) {
// unset all values
for (var v in allValues) {
v = false;
}
// reset value
value = true;
}
通过单选按钮更改复选框。这就是他们的目的。为了将单选按钮绑定在一起,请不要忘记为所有单选按钮添加名称属性,并为它们指定相同的名称,并为所有单选按钮指定相同字段的ng模型。否则,请使用ng change并在控制器中执行您的逻辑。我想使用复选框而不是定量按钮,以便在控制器中执行自定义逻辑。但就用户体验而言,我不建议这样做,人们希望单选按钮是一组按钮中唯一的选择,不是复选框。但在单选按钮中,您强制选择一个项目。但在复选框中,条件是最多选择一个元素表示用户选择一个元素或未选择任何元素我不想使用单选按钮我只想使用复选框
<input ng-click="unsetOtherOptions(value1)"
$scope.unsetOtherOptions = function(value) {
// unset all values
for (var v in allValues) {
v = false;
}
// reset value
value = true;
}