Heim  >  Artikel  >  Computer-Tutorials  >  Deaktivieren Sie den aktivierten Status eines Optionsfelds mit jQuery

Deaktivieren Sie den aktivierten Status eines Optionsfelds mit jQuery

WBOY
WBOYnach vorne
2024-01-17 09:33:22438Durchsuche

Deaktivieren Sie den aktivierten Status eines Optionsfelds mit jQuery

Jquery Clear Radio Selected State

Beim Schließen des Fensters: $("input[type='radio']").removeAttr('checked').

Allgemeine Methoden abfragen

1. Verweise auf Seitenelemente.

Sie können Elemente mithilfe der $()-Methode von jQuery referenzieren und nach ID, Klasse, Elementname, hierarchischer Beziehung, DOM- oder XPath-Bedingungen usw. auswählen. Was zurückgegeben wird, ist ein jQuery-Objekt (Sammlungsobjekt), und vom DOM definierte Methoden können nicht direkt aufgerufen werden.

2. Konvertierung zwischen jQuery-Objekt und Dom-Objekt.

Von jQuery definierte Methoden können nur mit jQuery-Objekten aufgerufen werden. Beachten Sie den Unterschied zwischen DOM-Objekten und jQuery-Objekten und stellen Sie sicher, dass Sie beim Aufrufen von Methoden mit dem richtigen Objekt arbeiten.

3. So erhalten Sie ein Element der jQuery-Sammlung.

Für den erhaltenen Elementsatz können Sie die Methode eq oder get(n) oder die Indexnummer verwenden, um ein Element (angegeben durch den Index) zu erhalten. Bitte beachten Sie, dass eq ein Jquery-Objekt zurückgibt, während get(n) und die Indexnummer a sind Dom-Elementobjekt. Für JQuery-Objekte können Sie nur JQuery-Methoden verwenden, und für Dom-Objekte können Sie nur Dom-Methoden verwenden, z. B. das Abrufen des Inhalts des dritten Elements.

4. Sammlungsverarbeitungsfunktion.

Für den von jquery zurückgegebenen Sammlungsinhalt müssen wir ihn nicht selbst durchlaufen und jedes Objekt separat verarbeiten. Jquery bietet uns eine sehr praktische Methode zur Verarbeitung der Sammlung. Enthält zwei Formen: $("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})

5. Mehrere praktische Spezialeffektfunktionen.

Die Methoden toggle() und slidetoggle() stellen die Statusumschaltfunktion bereit.

Zum Beispiel umfasst die toggle()-Methode die Methoden hide() und show().

Die Methode

slideToggle() umfasst die Methoden slideDown() und slideUp.

6. Komplette Ereignisverarbeitungsfunktion

Jquery hat uns verschiedene Methoden zur Ereignisbehandlung zur Verfügung gestellt. Wir müssen Ereignisse nicht direkt in HTML-Elemente schreiben, sondern können Ereignisse direkt zu Objekten hinzufügen, die über jquery erhalten wurden.

So wählen Sie ein Optionsfeld mit jquery aus

Verwenden Sie jquery, um den Wert von radio zu ermitteln. In einem Formular möchten wir normalerweise den Wert des ausgewählten radio-Elements ermitteln, daher müssen wir „checked“ zum Filter hinzufügen Beispielsweise finden Sie unter Artikel:

einige Radios

1.jquery erhält den Wert von Radio

2.jquery erhält den Wert des Kontrollkästchens

3.jquery erhält den Wert von select

Um den Wert eines bestimmten Radios zu erhalten, gibt es folgende Methoden, geben Sie einfach den Code direkt ein:

1,

1.$('input[name="testradio\]:checked').val();2,

1.$('input:radio:checked').val();3,

1.$('input[@name="testradio"][checked]');4

1.$('input[name="testradio"]').filter(':checked'); Wenn wir alle Radios mit dem Namen testradio durchlaufen möchten, lautet der Code wie folgt

1.$('input[name="testradio"]').each(function(){2.alert(this.value);3.}); Wenn Sie den Wert eines bestimmten Radios erhalten möchten, z als zweites Der Wert eines Radios wird so geschrieben

1.$('input[name="testradio"]:eq(1)').val()

Javascript steuert die Anzeige von Textfeldern durch Auswahl von Optionsfeldern

html lautet wie folgt:

Zeigen

Verstecken

JS ist wie folgt:

var show = document.getElementById('show'); // Die entsprechenden Elemente abrufen

var hide = document.getElementById('hide');

var text = document.getElementById('text');

show.onclick = function() {

text.style.display = '';

};

hide.onclikc = function() {

text.style.diplay = 'none';

}

Das obige ist der detaillierte Inhalt vonDeaktivieren Sie den aktivierten Status eines Optionsfelds mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:docexcel.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen