我有一些单选按钮,我希望在加载页面时将其中一个设置为默认选中。我该怎么做?
<input type="radio" name="imgsel" value="" />
我有一些单选按钮,我希望在加载页面时将其中一个设置为默认选中。我该怎么做?
<input type="radio" name="imgsel" value="" />
当前回答
这并不能完全回答这个问题,但对于任何使用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
其他回答
这并不能完全回答这个问题,但对于任何使用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
他们几乎做到了。。。就像复选框一样,您只需添加属性checked=“checked”,如下所示:
<input type="radio" checked="checked">
……你明白了。
干杯
添加此属性:
checked="checked"
使用选中的属性。
<input type="radio" name="imgsel" value="" checked />
or
<input type="radio" name="imgsel" value="" checked="checked" />
XHTML解决方案:
<input type="radio" name="imgsel" value="" checked="checked" />
请注意,checked属性的实际值实际上无关紧要;这只是一个惯例,指定“已检查”。最重要的是,像“true”或“false”这样的字符串没有任何特殊含义。
如果您的目标不是XHTML一致性,您可以将代码简化为:
<input type="radio" name="imgsel" value="" checked>