Как выбрать переключатель по умолчанию?

У меня есть несколько переключателей, и я хочу, чтобы один из них был установлен по умолчанию, когда страница загружена. Как я могу это сделать?

<input type="radio" name="imgsel"  value=""  /> 

Ответ 1

Решение XHTML:

<input type="radio" name="imgsel" value="" checked="checked" />

Обратите внимание, что фактическое значение атрибута checked на самом деле не имеет значения; это просто соглашение о назначении "checked". Самое главное, строки, такие как "true" или "false", не имеют особого значения.

Если вы не нацелены на соответствие XHTML, вы можете упростить код:

<input type="radio" name="imgsel" value="" checked>

Ответ 2

Использовать проверенный атрибут.

<input type="radio" name="imgsel"  value="" checked /> 

или

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

Это делает "второй" переключатель выбранным при загрузке страницы.

РЕДАКТИРОВАТЬ: С 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

Ответ 4

Добавьте этот атрибут:

checked="checked"

Ответ 5

Они в значительной степени получили его там... как флажок, все, что вам нужно сделать, это добавить атрибут checked = "checked", например:

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

... и вы получили его.

Ура!