Назначьте начальное значение переключателю, как отмечено

Ответ 1

Для этого можно использовать атрибут checked:

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

Ответ 2

Вы можете просто использовать:

<input type="radio" checked />

Использование только атрибута, отмеченного без указания значения, совпадает с checked="checked".

Ответ 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"

Это означает, что при загрузке страницы выбирается "вторая" кнопка.

Ответ 4

Для тех, кто ищет решение Angular2 (2.4.8), так как это общепринятый вопрос при поиске:

<div *ngFor="let choice of choices">
  <input type="radio" [checked]="choice == defaultChoice">
</div>

Это добавит атрибут checked к вводу, заданному условием, но ничего не добавит, если условие не выполнено.

Не делать это:

[attr.checked]="choice == defaultChoice"

потому что это добавит атрибут checked="false" ко всем другим элементам ввода.

Поскольку браузер ищет только атрибут checked (ключ), игнорируя его значение, поэтому будет проверен последний вход в группе.

Ответ 5

Другой способ установить значение по умолчанию, установленное на переключателях, особенно если вы используете angularjs, устанавливает флаг "ng-checked" в "true", например: <input id="d_man" value="M" ng-disabled="some Value" type="radio" ng-checked="true"> Человек

checked = "checked" не работает для меня..

Ответ 6

Обратите внимание, что если у вас есть два переключателя с одним и тем же атрибутом "name", и у них есть "обязательный" атрибут, добавление к ним атрибута "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" />

Ответ 7

Я немного опоздал на вечеринку, и я знаю, что ОП сказал 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

Ответ 8

<input name="sections" id="option1" type="radio"/>

window.onload = function () {
  var input = document.getElementById('section1');
  input.select();
}

Ответ 9

Если для вашего приложения вы используете response-redux и если вы хотите показать данные, которые находятся в хранилище redux, вы можете установить опцию "флажок", как показано ниже.

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