Heim >Web-Frontend >js-Tutorial >Praktische Anwendung von JQuery: Bestimmen Sie, ob Radio, Sellct, Kontrollkästchen und der ausgewählte Wert ausgewählt sind
001 jquery ruft den Wert des Optionsfelds ab
002
003 $("input[name='items']:checked").val(); 🎜>004 Andere: Bestimmen Sie, ob das Radio ausgewählt ist, und erhalten Sie den ausgewählten Wert
005
006 Wie unten gezeigt:
007 Funktion checkradio(){
008 var item = $(":radio:checked");
009 var len=item.length
010 if(len>0){
011 Warnung („ja – Der ausgewählte Wert ist:“+$(“:radio:checked“).val());
015
016
017
018 jquery-Radiowert, Kontrollkästchenwert, Wert auswählen, ausgewähltes Radio, Kontrollkästchen ausgewählt, ausgewähltes auswählen und zugehöriges
019
020 Den Wert eines Radiosatzes abrufen ausgewählte Elemente
021
022 var item = $('input[name= items][checked]').val();
023
024 Den Text des ausgewählten Elements abrufen
025
026 var item = $("select[name=items] option[selected]").text();
027
028 Das zweite Element der Auswahl-Dropdown-Box ist der aktuell ausgewählte Wert
029
030 $('#select_id')[0]. selectedIndex = 1;
031
032 Das zweite Element der Radio-Radio-Auswahlgruppe ist der aktuelle ausgewählte Wert
033
034 $('input [name=items]').get(1).checked = true;
035
036
037 Wert abrufen:
038
039
040
041 Textfeld, Textbereich: $("# txt ").attr("value");
042
043 Mehrfachauswahlfeld-Kontrollkästchen: $("#checkbox_id").attr("value");
044
045 Radiogruppen-Radio: $("input[type= radio][checked]").val();
046
047 Dropdown-Feld auswählen: $('#sel').val();
048
049
050
051 Steuerformularelemente:
052
053 Textfeld, Textbereich: $("# txt").attr("value",'');//Inhalt löschen
054
055 $("#txt").attr("value",'11') ;//Inhalt füllen
056
057
058 Mehrfachauswahlfeld-Kontrollkästchen: $ ("#chk1").attr("checked",''); //Unchecked
059
060 $("#chk2").attr("checked", true);//Tick
061
062 if($("#chk1").attr('checked')==undefined) //Bestimmen Sie, ob es überprüft wurde
063
064
065
066 Radiogruppenradio: $("input[type=radio]").attr("checked",' 2');//Setze das Element mit Wert=2 als aktuell ausgewähltes Element
067
068 Dropdown-Box auswählen: $("#sel").attr("value",'- sel3');//Legen Sie das Element mit value=-sel3 als fest aktuell ausgewähltes Element ;option value='2'>2222").appendTo("#sel")//Fügen Sie die Option des Dropdown-Felds hinzu
071
072 $("#sel ").empt();//Löschen Sie das Dropdown-Feld 🎜>
077078 Bei der Verwendung von $("#id") zum Abrufen des Eingabeelements der Seite wurde festgestellt, dass $("#id").value den Wert nicht erhalten konnte
079
080
081
082 Später fand ich mit Hilfe des großartigen Baidu endlich die Ursache des Problems:
083
084 $("") ist ein Jquery-Objekt, kein DOM-ELEMENT
085
086
087
088 Wert ist das Attribut des Doms element
089
090
091
092 Die entsprechende Abfrage ist val
093
094
09 5 val( ): Ermittelt den aktuellen Wert des ersten passenden Elements.
096
097
098
099 val(val): Legen Sie den Wert jedes passenden Elements fest.
100
101
102
103 Der Code sollte also wie folgt geschrieben werden:
104
105
106 Wert: val = $("#id")[0].value;
107 Zuweisung: $("#id")[0].value = "new value" ;
108
109 oder $("#id").val("new value"); 🎜>112
113 Oder das funktioniert: val = $("#id").attr("value");
114
115
116
117 Jedes ist sehr einfach zu verwenden jQuery wird häufig verwendet, um die for-Schleife von Javascript zu ersetzen diese Funktion auf wahr oder falsch
120
121 function method(){
122 .... 123 $.each(array,function(){
124 if (condition is true){
125 return true
126 }
127 } );
129 }
130 "
132
133 Nach der Suche nach Informationen habe ich festgestellt, 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
134 break----use return false;
135 continue--use return ture;
136
137 Wenn ich also return true verwenden möchte every Wenn diese Funktion zurückkehrt, kann sie tatsächlich einfach weiter ausgeführt werden, ohne jede zu unterbrechen.
138 Selbst jede wird nicht unterbrochen, sodass die Funktion nicht zurückkehren kann 140 Noch etwas: Beurteilung Ob Radio ausgewählt ist und den ausgewählten Wert erhält
141
142 wie unten gezeigt:
143 function checkradio(){
144 var item = $( ":radio:checked");
145 var len=item.length >146 if(len>0){
147 warning( "yes--checked Der Wert ist: "+$(":radio:checked").val());
148 }
149 }
Das Obige ist die eigentliche Anwendung von Jquery. Ob Radio, Sellct, Kontrollkästchen ausgewählt sind und der Inhalt des ausgewählten Werts, achten Sie bitte auf die chinesische PHP-Website (www.php.cn), um weitere verwandte Inhalte zu erhalten!