html — Присвойте начальное значение переключателю, как проверено
спросил
Изменено 16 дней назад
Просмотрено 213 тысяч раз
Как назначить значение переключателя, изначально отмеченное в HTML?
- html
- переключатель
0
Для этого можно использовать атрибут checked :
3
Вы можете просто использовать:
Использование только проверенного атрибута без указания значения аналогично checked="checked" .
2
Я поместил этот ответ на аналогичный вопрос, который был помечен как дубликат этого вопроса.
Это не совсем ответ на вопрос, но для тех, кто использует AngularJS, пытаясь добиться этого, ответ немного отличается. И на самом деле нормальный ответ не сработает (по крайней мере, для меня).
Ваш html будет очень похож на обычный переключатель:
First Второй
В вашем контроллере вы объявите mValue , связанное с переключателями. Чтобы предварительно выбрать одну из этих кнопок-переключателей, назначьте переменной $scope , связанной с группой, желаемое значение ввода:
$scope.mValue="second"
Это делает «второй» переключатель выбранным при загрузке страницы.
1 Для тех, кто ищет решение Angular2 (2.
4.8), так как это популярный вопрос при поиске:
Это добавит проверенный атрибут к входным данным с учетом условия, но ничего не добавит, если условие не выполняется.
Не делать этого :
[attr.checked]="выбор == выбор по умолчанию"
, потому что это добавит атрибут checked="false" ко всем остальным элементам ввода.
Поскольку браузер ищет только наличие проверенного атрибута ( ключ ), игнорируя его значение, поэтому будет проверен последний ввод в группе.
Обратите внимание: если у вас есть два переключателя с одинаковым атрибутом «имя», и у них есть атрибут «обязательный», то добавление к ним атрибута «отмечено» не сделает их отмеченными.
Пример: обе радиокнопки остаются неотмеченными.
/>
Это сделает переключатель «мужской» отмеченным.
/>
Другой способ установить флажок по умолчанию для переключателей, особенно если вы используете angularjs, — установить флаг «ng-checked» на «true»
например: Man
проверено=»checked» у меня не сработало..
2
Я немного опоздал на вечеринку, и я знаю, что OP сказал html, но если вам нужно сделать это в MVC, вы можете установить true в третьем параметре.
например:
Первый вариант :@Html.RadioButton("options", "option1", true})
// true установит флажокВторой вариант: @Html.RadioButton("options", "option2"})
// ничто не оставит его без проверки
Если вы используете react-redux для своего приложения и хотите показать данные, находящиеся в хранилище redux, вы можете установить опцию «checked», как показано ниже.
<ввод
тип = "радио"
имя = "пол"
defaultChecked={this.props.gender == "0"}
/>
<ввод
тип = "радио"
имя = "пол"
defaultChecked={this.props.gender == "1"}
/>
Мне помогло присвоение того же имени