wake-up-neo.com

Wie wähle ich ein Optionsfeld standardmäßig aus?

Ich habe einige Optionsfelder und möchte, dass eines davon beim Laden der Seite standardmäßig als ausgewählt festgelegt wird. Wie kann ich das machen?

<input type="radio" name="imgsel"  value=""  /> 
654
jslearner

XHTML-Lösung:

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

Bitte beachten Sie, dass der tatsächliche Wert des Attributs checked keine Rolle spielt. Es ist nur eine Konvention, "checked" zuzuweisen. Vor allem haben Zeichenfolgen wie "true" oder "false" keine besondere Bedeutung.

Wenn Sie keine XHTML-Konformität anstreben, können Sie den Code wie folgt vereinfachen:

<input type="radio" name="imgsel" value="" checked>
1045
Shakti Singh

Verwenden Sie das aktivierte Attribut.

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

oder

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

Dies beantwortet die Frage nicht genau, aber für jeden, der AngularJS verwendet, um dies zu erreichen, ist die Antwort etwas anders. Und tatsächlich wird die normale Antwort nicht funktionieren (zumindest für mich nicht).

Ihr HTML-Code sieht dem normalen Optionsfeld ziemlich ähnlich:

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

In Ihrem Controller haben Sie das mValue deklariert, das den Optionsfeldern zugeordnet ist. Um eines dieser Optionsfelder vorauswählen zu lassen, weisen Sie die der Gruppe zugeordnete Variable $scope dem Wert des gewünschten Eingangs zu:

$scope.mValue="second"

Dadurch wird beim Laden der Seite das Optionsfeld "Zweiter" ausgewählt.

EDIT: Seit AngularJS 2.x

Der obige Ansatz funktioniert nicht, wenn Sie Version 2.x oder höher verwenden. Verwenden Sie stattdessen das ng-checked -Attribut wie folgt:

<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
75
discodane

Fügen Sie dieses Attribut hinzu:

checked="checked"
28
Gerben Jacobs

Sie haben es so ziemlich geschafft ... genau wie ein Kontrollkästchen müssen Sie nur das Attribut checked = "checked" wie folgt hinzufügen:

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

... und du hast es verstanden.

Prost!

18
Rohjay