Ik heb een aantal radioknoppen en ik wil dat een van hen wordt ingesteld zoals standaard is geselecteerd wanneer de pagina is geladen. Hoe kan ik dat doen?
<input type="radio" name="imgsel" value="" />
Antwoord 1, Autoriteit 100%
XHTML-oplossing:
<input type="radio" name="imgsel" value="" checked="checked" />
Houd er rekening mee dat de werkelijke waarde van checked
kenmerk niet echt toe doet; Het is slechts een conventie om "checked"
toe te wijzen. Belangrijker nog, snaren als "true"
of "false"
hebben geen speciale betekenis.
Als u niet richt op XHTML-conformiteit, kunt u de code vereenvoudigen naar:
<input type="radio" name="imgsel" value="" checked>
Antwoord 2, Autoriteit 9%
Gebruik het gecontroleerde kenmerk.
<input type="radio" name="imgsel" value="" checked />
of
<input type="radio" name="imgsel" value="" checked="checked" />
Antwoord 3, Autoriteit 6%
Dit beantwoordt de vraag niet precies, maar voor iedereen die Angularjs gebruikt die proberen dit te bereiken, is het antwoord iets anders. En eigenlijk zal het normale antwoord niet werken (het deed het tenminste niet voor mij).
Uw HTML ziet er goed uit op het normale keuzerondje:
<input type='radio' name='group' ng-model='mValue' value='first' />First
<input type='radio' name='group' ng-model='mValue' value='second' /> Second
In je controller heb je de mValue
aangegeven die bij de keuzerondjes hoort. Om een van deze keuzerondjes vooraf te selecteren, wijst u de variabele $scope
die aan de groep is gekoppeld toe aan de gewenste ingangswaarde:
$scope.mValue="second"
Hierdoor wordt het “tweede” keuzerondje geselecteerd bij het laden van de pagina.
BEWERK: Sinds AngularJS 2.x
De bovenstaande aanpak werkt niet als u versie 2.x en hoger gebruikt. Gebruik in plaats daarvan het kenmerk ng-checked
als volgt:
<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
Antwoord 4, autoriteit 2%
Voeg dit kenmerk toe:
checked="checked"
Antwoord 5
Ze hebben het daar zo goed als… net als een selectievakje, het enige wat je hoeft te doen is het kenmerk checked=”checked” toe te voegen, zoals:
<input type="radio" checked="checked">
…en je snapt het.
Proost!