Heim > Web-Frontend > js-Tutorial > Hauptteil

So erhalten Sie den Wert eines Textfelds in jQuery

coldplay.xixi
Freigeben: 2020-11-13 16:09:16
Original
11581 Leute haben es durchsucht

So erhalten Sie den Wert des Textfelds in jQuery: Erstellen Sie zunächst eine neue Datei und verwenden Sie das Skript-Tag, um die Datei [jquery.min.js] in die aktuelle Seite einzuführen. Verwenden Sie dann das Eingabe-Tag, um ein Textfeld zu erstellen und setzen Sie seine ID auf myinput. Geben Sie schließlich die Schaltfläche an. Die Schaltfläche bindet das Klickereignis onclick.

So erhalten Sie den Wert eines Textfelds in jQuery

Empfohlen: „jQuery-Video-Tutorial

So erhalten Sie den Wert des Textfelds in jQuery:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie das geht Verwenden Sie JQuery, um den Wert des Textfelds abzurufen.

So erhalten Sie den Wert eines Textfelds in jQuery

2. Verwenden Sie in der Datei test.html das Skript-Tag, um die Datei jquery.min.js in die aktuelle Seite einzuführen. Erst nach erfolgreichem Laden der Datei können Sie die jquery-Methode verwenden.

So erhalten Sie den Wert eines Textfelds in jQuery

3. Verwenden Sie in der Datei test.html das Eingabe-Tag, um ein Textfeld zu erstellen, und legen Sie dessen ID auf „myinput“ fest. Es wird hauptsächlich verwendet, um das Eingabeobjekt über diese ID abzurufen.

So erhalten Sie den Wert eines Textfelds in jQuery

4. Verwenden Sie in der Datei test.html das Schaltflächen-Tag, um eine Schaltfläche mit dem Schaltflächennamen „Get text box value“ zu erstellen.

So erhalten Sie den Wert eines Textfelds in jQuery

5. Binden Sie in der Datei test.html das Ereignis onclick an die Schaltfläche und führen Sie die Funktion getvalue() aus.

So erhalten Sie den Wert eines Textfelds in jQuery

6. Erstellen Sie im js-Tag eine getvalue()-Funktion. Rufen Sie innerhalb der Funktion das Eingabeobjekt über den ID-Wert des Textfelds (myinput) ab und verwenden Sie dann die val()-Methode, um zu erhalten Wert des Textfelds. Verwenden Sie abschließend die Methode „alert()“, um den Wert auszugeben.

So erhalten Sie den Wert eines Textfelds in jQuery

7. Öffnen Sie die Datei test.html im Browser, geben Sie den Inhalt in das Textfeld ein und klicken Sie auf die Schaltfläche, um den erhaltenen Wert anzuzeigen.

So erhalten Sie den Wert eines Textfelds in jQuery

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Wert eines Textfelds in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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