Question

我知道这是关于SO的常见问题，但没有一个能解决我的问题。

此代码不允许我点击/选择单选按钮。我无法看到什么是错的。这可能是我想念的简单事情，如果有人可以提供帮助，我会很高兴。

<div input-field class="col m6" ng-init="student.username = 0">
<p>Username Generation</p>
<p>
    <input class="with-gap" type="radio" name="user" ng-model="student.username" value="0" required />
    <label>Same as Registration ID</label>
</p>
<p>
    <input class="with-gap" type="radio" name="user" ng-model="student.username" value="1" required />
    <label>Auto Generate</label>
</p>

问题是我无法选择单选按钮，无论是否在ng-init中设置。

JSFIDDLE：https://jsfiddle.net/znfvmr80/5/

Answer 1

好的修复相对简单，有点因为我错过了for属性。感谢@Joyson的帮助，他的想法让我思考。

这是正确的代码：

<div input-field class="col m6" ng-init="student_username = 0">
<p>Username Generation</p>
<p>
    <input class="with-gap" type="radio" name="user" ng-model="student_username" value="0" required id="same_as_reg" />
    <label for="same_as_reg">Same as Registration ID</label>
</p>
<p>
    <input class="with-gap" type="radio" name="user" ng-model="student_username" value="1" required id="autogen" />
    <label for="autogen">Auto Generate</label>
</p>

实现需要 for属性标签才能使用单选按钮。

谢谢大家！

Answer 2

您提供的代码工作正常我认为您可以在初始化之前或之后检查更多js。

单选按钮和AngularJS

2 个答案: