如何默认选择单选按钮？

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" />

添加此属性：

checked="checked"

就像一个复选框，你所要做的就是添加属性检查=“检查”，就像这样：

<input type="radio" 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