У меня есть несколько переключателей, и я хочу, чтобы один из них был установлен по умолчанию, когда страница загружена. Как я могу это сделать?
<input type="radio" name="imgsel" value="" />
У меня есть несколько переключателей, и я хочу, чтобы один из них был установлен по умолчанию, когда страница загружена. Как я могу это сделать?
<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
Добавьте этот атрибут:
checked="checked"
Они в значительной степени получили его там... как флажок, все, что вам нужно сделать, это добавить атрибут checked = "checked", например:
<input type="radio" checked="checked">
... и вы получили его.
Ура!