协慌网

登录 贡献 社区

默认情况下如何选择单选按钮?

我有一些单选按钮,我希望其中的一个在设置页面加载时被设置为默认选中状态。我怎样才能做到这一点?

<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