Question

如何在HTML中选中最初分配单选按钮的值？

Answer 1

您可以使用checked属性：

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

Answer 2

你可以使用：

<input type="radio" checked />

仅使用检查的属性而不说明值与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"

这使得在加载页面时选择“第二个”单选按钮。

Answer 4

在单选按钮上设置默认选项的另一种方法，特别是如果你正在使用angularjs，则将'ng-checked'标志设置为“true” 例如：<input id="d_man" value="M" ng-disabled="some Value" type="radio" ng-checked="true">男人

checked =“checked”对我不起作用..

Answer 5

请注意，如果您有两个具有相同“name”属性并且具有“required”属性的单选按钮，则向其添加“checked”属性将不会检查它们。

示例：这使得两个单选按钮保持未选中状态。

<input type="radio" name="gender" value="male" required <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" required />

这将使“男性”单选按钮被检查。

<input type="radio" name="gender" value="male" <?php echo "checked"; ?>/>
<input type="radio" name="gender" value="female" />

Answer 6

我有点迟到了，我知道OP说的是html，但是如果你需要在MVC中这样做，你可以在第三个参数中设置true。

例如：

    <p>Option One :@Html.RadioButton("options", "option1", true})</p>
    // true will set it checked

     <p>Option Two :@Html.RadioButton("options", "option2"})</p>
     //nothing will leave it unchecked

Answer 7

如果您的应用程序使用react-redux，并且要显示redux存储中的数据，则可以如下设置“ checked”选项。

<label>Male</label>

 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "0"}
 />



 <label>Female</label>
 <input
   type="radio"
   name="gender"
   defaultChecked={this.props.gender == "1"}
 />

将选中的初始值分配给单选按钮

7 个答案: