Присвойте начальное значение переключателю, как отмечено

Question

Как назначить значение радиокнопки изначально, как проверено в HTML?

Answer 1

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

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

Answer 2

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

<input type="radio" checked />

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

Answer 3

Я поставил этот ответ на похожий вопрос, который был помечен как дубликат этого вопроса.Ответ помог приличному количеству людей, поэтому я решил добавить его и на всякий случай.

Это не совсем ответ на вопрос, но для тех, кто использует AngularJS, пытаясь достичь этого, ответ немного отличается.И на самом деле нормальный ответ не сработает (по крайней мере, для меня)Вы объявили mValue, который связан с переключателями.Чтобы предварительно выбрать одну из этих переключателей, присвойте переменной $scope, связанной с группой, значение требуемого входа:

$scope.mValue="second"

. При выборе этой страницы будет выбрана «вторая» кнопка.

Answer 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 (клавиша ), игнорируя его значение, поэтому проверяется последний вход в группу.

Answer 5

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

the checked = "проверил "у меня не работает ..

Answer 6

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

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