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


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

7 112

7 ответов:

можно использовать

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

<input type="radio" checked />

использование только проверенного атрибута без указания значения совпадает с 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"

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

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

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

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

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

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