Heim >Web-Frontend >Front-End-Fragen und Antworten >So setzen Sie das Optionsfeld in JQuery auf „Ausgewählt' (zwei Methoden)

So setzen Sie das Optionsfeld in JQuery auf „Ausgewählt' (zwei Methoden)

PHPz
PHPzOriginal
2023-04-10 14:22:184064Durchsuche

In der Frontend-Entwicklung ist das Optionsfeld ein sehr verbreitetes Formularsteuerelement. In einigen Fällen müssen wir möglicherweise beim Laden der Seite ein Optionsfeld auf einen ausgewählten Status setzen, anstatt darauf zu warten, dass der Benutzer es manuell betätigt. Derzeit können wir jQuery verwenden, um diese Anforderung zu erfüllen.

Zwei häufig verwendete und einfache Methoden werden im Folgenden vorgestellt.

Methode 1: Verwenden Sie die .prop()-Methode

.prop()-Methode wird verwendet, um den Attributwert des ersten übereinstimmenden Elements abzurufen. Wir können die Methode .prop() verwenden, um den ausgewählten Status des Optionsfelds festzulegen. Die spezifische Implementierung ist wie folgt:

//选中id为radio1的单选框
$("#radio1").prop("checked", true);

Im obigen Code wählen wir zuerst den ID-Selektor des Optionsfelds aus und verwenden dann die Methode .prop(), um den ausgewählten Status auf „true“ zu setzen. Auf diese Weise wird das Optionsfeld nach dem Laden der Seite automatisch ausgewählt.

Methode 2: Verwenden Sie die .attr()-Methode

.attr()-Methode wird verwendet, um den Wert des angegebenen Attributs abzurufen. Das Folgende ist die Implementierung der Verwendung der Methode .attr() zum Festlegen des ausgewählten Status des Optionsfelds:

//选中name为radio的值为value的单选框
$("input[name='radio'][value='1']").attr("checked", true);

Im obigen Code haben wir zuerst den Namensselektor des Optionsfelds ausgewählt und den Wert als „1“ angegeben. und schließlich setzt die verwendete Methode .attr() ihren ausgewählten Status auf „true“.

Es ist zu beachten, dass Sie bei Verwendung der .attr()-Methode zum Festlegen des ausgewählten Status des Optionsfelds stattdessen auch die prop()-Methode verwenden können. Die Wirkung der beiden ist die gleiche.

Zusätzlich zu den beiden oben genannten Methoden können Sie auch die Methode .val() verwenden, um den Wert des ausgewählten Optionsfelds festzulegen. Die konkrete Umsetzung kann selbst geübt werden und wird hier nicht wiederholt.

Zusammenfassend lässt sich sagen, dass es in der Front-End-Entwicklung sehr einfach und bequem ist, mit jQuery den ausgewählten Status eines Optionsfelds festzulegen. Wir müssen nur die geeignete Methode wählen, um unsere Bedürfnisse zu erfüllen.

Das obige ist der detaillierte Inhalt vonSo setzen Sie das Optionsfeld in JQuery auf „Ausgewählt' (zwei Methoden). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn