我有一些单选按钮,我希望其中的一个在设置页面加载时被设置为默认选中状态。我怎样才能做到这一点?
<input type="radio" name="imgsel" value="" />
XHTML 解决方案:
<input type="radio" name="imgsel" value="" checked="checked" />
请注意, checked
属性的实际值并不重要。 "checked"
只是一种惯例。最重要的是,诸如"true"
或"false"
类的字符串没有任何特殊含义。
如果您不希望符合 XHTML,则可以将代码简化为:
<input type="radio" name="imgsel" value="" checked>
使用选中的属性。
<input type="radio" name="imgsel" value="" checked />
或者
<input type="radio" name="imgsel" value="" checked="checked" />
这不能完全回答问题,但是对于使用 AngularJS 的任何人来说,答案都略有不同。实际上,正常的答案是行不通的(至少对我来说不是)。
您的 html 看起来与普通的单选按钮非常相似:
<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second
在您的控制器中,您将声明与单选按钮关联mValue
要预先选择以下单选按钮之一,请将$scope
变量分配给所需输入的值:
$scope.mValue="second"
这使得在加载页面时选择了 “第二” 单选按钮。
编辑:由于 AngularJS 2.x
如果您使用的是 2.x 及更高版本,则上述方法不起作用。而是使用ng-checked
属性,如下所示:
<input type='radio' name='gender' ng-model='genderValue' value='male' ng-checked='genderValue === male'/>Male
<input type='radio' name='gender' ng-model='genderValue' value='female' ng-checked='genderValue === female'/> Female