Heim >Web-Frontend >js-Tutorial >Praktische Anwendung von JQuery: Bestimmen Sie, ob Radio, Sellct, Kontrollkästchen und der ausgewählte Wert ausgewählt sind

Praktische Anwendung von JQuery: Bestimmen Sie, ob Radio, Sellct, Kontrollkästchen und der ausgewählte Wert ausgewählt sind

黄舟
黄舟Original
2016-12-21 15:09:161400Durchsuche

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                                                                                                                                🎜>

077

078 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!

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