如何默认选择一个单选按钮？

Question

我有一些单选按钮，我希望在加载页面时默认将其中一个设置为选中状态。我怎么能这样做？

<input type="radio" name="imgsel"  value=""  /> 

Answer 1

XHTML解决方案：

<input type="radio" name="imgsel" value="" checked="checked" />

请注意，checked属性的实际值实际上并不重要;分配"checked"只是一个惯例。最重要的是，"true"或"false"这样的字符串没有任何特殊含义。

如果您不瞄准XHTML一致性，可以将代码简化为：

<input type="radio" name="imgsel" value="" checked>

Answer 2

使用checked属性。

<input type="radio" name="imgsel"  value="" checked /> 

或

<input type="radio" name="imgsel"  value="" checked="checked" /> 

Answer 3

这并没有完全回答这个问题，但对于任何使用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==male'/> Female

Answer 4

添加此属性：

checked="checked"

Answer 5

他们差点把它拿到那里......就像一个复选框，你所要做的就是添加属性checked =“checked”，如下所示：

<input type="radio" checked="checked">

......你明白了。

干杯！