Jak wybrać domyślnie przycisk radiowy? [duplikat]

To pytanie ma już odpowiedź tutaj:

Mam kilka przycisków radiowych i chcę, aby jeden z nich był domyślnie ustawiony jako wybrany podczas ładowania strony. Jak mogę to zrobić?

<input type="radio" name="imgsel"  value=""  />
Author: Pang, 2011-04-08
Source

5 answers

Rozwiązanie XHTML: 

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

Należy pamiętać, że rzeczywista wartość checked atrybutu nie ma znaczenia; jest to po prostu konwencja przypisywania "checked". Co najważniejsze, ciągi takie jak "true" lub "false" nie mają specjalnego znaczenia.

Jeśli nie dążysz do zgodności z XHTML, możesz uprościć kod do: 

<input type="radio" name="imgsel" value="" checked>
 908
Author: Shakti Singh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-04-07 15:46:26

Użyj atrybutu checked.

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

Lub 

<input type="radio" name="imgsel"  value="" checked="checked" />
 89
Author: mdm,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-02-12 10:14:03

To nie jest dokładnie odpowiedź na pytanie, ale dla każdego, kto używa AngularJS próbując to osiągnąć, odpowiedź jest nieco inna. A właściwie normalna odpowiedź nie zadziała(przynajmniej nie dla mnie).

Twój html będzie wyglądał bardzo podobnie do zwykłego przycisku radiowego: 

<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second

W kontrolerze będziesz miał zadeklarowaną mValue, która jest powiązana z przyciskami radiowymi. Aby wybrać jeden z tych przycisków opcji, Przypisz zmienną $scope powiązaną z grupą do wartość żądanego wejścia: 

$scope.mValue="second"

Spowoduje to wybranie przycisku radiowego" drugi " podczas ładowania strony.

EDIT: od AngularJS 2.x

Powyższe podejście nie działa, jeśli używasz wersji 2.x i wyżej. Zamiast tego użyj atrybutu {[5] } w następujący sposób: 

<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==male'/> Female
 68
Author: discodane,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-07-18 18:41:33

Dodaj ten atrybut: 

checked="checked"
 26
Author: Gerben Jacobs,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-03-10 10:37:30

W Zasadzie to tam mają... podobnie jak pole wyboru, wystarczy dodać atrybut checked= "checked" w ten sposób: 

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

...i masz to.

Zdrówko!
 16
Author: Rohjay,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-04-08 08:23:37