Heim > Web-Frontend > js-Tutorial > Jquery bestimmt, ob Radio, Sellct und das Kontrollkästchen ausgewählt sind, und fasst die Methoden zum Abrufen des ausgewählten Werts_jquery zusammen

Jquery bestimmt, ob Radio, Sellct und das Kontrollkästchen ausgewählt sind, und fasst die Methoden zum Abrufen des ausgewählten Werts_jquery zusammen

WBOY
Freigeben: 2016-05-16 16:04:02
Original
1342 Leute haben es durchsucht

jquery erhält den Wert des Optionsfelds

Code kopieren Der Code lautet wie folgt:

$("input[name='items']:checked").val();

Sonstiges: Bestimmen Sie, ob das Radio ausgewählt ist, und erhalten Sie den ausgewählten Wert

Wie unten gezeigt:
Code kopieren Der Code lautet wie folgt:

Funktion checkradio(){
var item = $(":radio:checked"); var len=item.length;
if(len>0){
warning("yes--der ausgewählte Wert ist:" $(":radio:checked").val()); }
}



jquery-Radiowert, Kontrollkästchenwert, Auswahlwert, Radioauswahl, Kontrollkästchenauswahl, Auswahlauswahl und verwandte

Ermitteln Sie den Wert einer Gruppe radioaktiv ausgewählter Elemente

var item = $('input[name=items][checked]').val();


Holen Sie sich den Text des ausgewählten Elements


Code kopieren Der Code lautet wie folgt: var item = $("select[name=items] option[selected]").text();

Das zweite Element der Auswahl-Dropdown-Box ist der aktuell ausgewählte Wert


Code kopieren
Der Code lautet wie folgt: $('#select_id')[0].selectedIndex = 1;

Das zweite Element der Radioauswahlgruppe ist der aktuell ausgewählte Wert


Code kopieren
Der Code lautet wie folgt: $('input[name=items]').get(1).checked = true;
     

Wert abrufen:

Textfeld, Textbereich: $("#txt").attr("value"); Kontrollkästchen für Mehrfachauswahl: $("#checkbox_id").attr("value"); Radiogruppe: $("input[type=radio][checked]").val();
Dropdown-Feld auswählen: $('#sel').val(); Steuerformularelemente:


Textfeld, Textbereich: $("#txt").attr("value",'');//Inhalt löschen

Code kopieren

Der Code lautet wie folgt:

$("#txt").attr("value",'11');//Inhalt füllen   Kontrollkästchen für Mehrfachauswahlfelder: $("#chk1").attr("checked",'');//Deaktiviert


Code kopieren


Der Code lautet wie folgt:
$("#chk2").attr("checked",true);//Tick if($("#chk1").attr('checked')==undefined) //Bestimmen Sie, ob es überprüft wurde Radio-Auswahlgruppe Radio: $("input[type=radio]").attr("checked",'2');//Legen Sie das Element mit dem Wert=2 als aktuell ausgewähltes Element fest
Dropdown-Feld auswählen: $("#sel").attr("value",'-sel3');//Legen Sie das Element mit value=-sel3 als aktuell ausgewähltes Element fest


Code kopieren



Der Code lautet wie folgt:

$("").appendTo("#sel")//Option hinzufügen Dropdown-Feld $("#sel").empty(); //Löschen Sie das Dropdown-Feld
     
Ich habe gerade erst angefangen, mit jquery in Kontakt zu kommen, und ich bin mit vielen Dingen nicht vertraut

Bei der Verwendung von $("#id") zum Abrufen des Eingabeelements der Seite habe ich festgestellt, dass $("#id").value den Wert nicht abrufen kann

Später fand ich mit Hilfe des großartigen Baidu endlich die Ursache des Problems:

$("") ist ein JQuery-Objekt, kein Dom-Element

value ist ein Attribut des dom-Elements

jquery entspricht val

val(): Ermittelt den aktuellen Wert des ersten passenden Elements.

val(val): Legen Sie den Wert jedes passenden Elements fest.

Der Code sollte also wie folgt geschrieben sein:

 
Wert: val = $("#id")[0].value; Zuweisung: $("#id")[0].value = "neuer Wert"
Oder $("#id").val("neuer Wert"); Oder das funktioniert auch: val = $("#id").attr("value");

Jedes in jQuery ist sehr einfach zu verwenden und wird häufig verwendet, um die for-Schleife von Javascript zu ersetzen

Wenn beispielsweise eine Funktion „Every“ enthält und eine bestimmte Bedingung in „Every“ wahr ist, gibt die Funktion „true“ oder „false“ zurück




....
$.each(array,function(){
if(Bedingung ist erfüllt){
return true;
}
});
....
}


Es stellte sich heraus, dass es immer falsch war.
Nachdem ich nach Informationen gesucht hatte, stellte ich fest, dass Break und Continue nicht in jedem Codeblock verwendet werden können. Um die Funktionen von Break und Continue zu implementieren, müssen andere Methoden verwendet werden
break----use return false; continue --use return ture;

Wenn ich also „return true“ in „jeder“ verwenden möchte, um diese Funktion zurückzugeben, lasse ich jede Funktion einfach mit
weiter ausführen Auch wenn beide nicht unterbrochen sind, kann die Funktion nicht
zurückkehren
Eine andere: Bestimmen Sie, ob das Radio ausgewählt ist, und erhalten Sie den ausgewählten Wert

Wie unten gezeigt:




Code kopieren
Der Code lautet wie folgt: Funktion checkradio(){ var item = $(":radio:checked"); var len=item.length;
if(len>0){
warning("yes--der ausgewählte Wert ist:" $(":radio:checked").val()); }
}


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage