Heim > Web-Frontend > js-Tutorial > Hauptteil

So machen Sie die Schaltfläche mit JQuery nicht verfügbar

coldplay.xixi
Freigeben: 2023-01-04 09:37:03
Original
6809 Leute haben es durchsucht

So machen Sie eine Schaltfläche mit jquery nicht verfügbar: Erstellen Sie zunächst eine Schaltfläche mithilfe des Schaltflächen-Tags. Rufen Sie dann das Schaltflächen-Schaltflächenobjekt über die ID ab und verwenden Sie die Methode [att()], um das deaktivierte Attribut der Schaltfläche auf „true“ zu setzen Machen Sie die Schaltfläche nicht anklickbar.

So machen Sie die Schaltfläche mit JQuery nicht verfügbar

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1-Version, Thinkpad T480-Computer.

So machen Sie die Schaltfläche in jquery nicht verfügbar:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie festlegen, dass die Schaltfläche in jquery nicht anklickbar ist.

So machen Sie die Schaltfläche mit JQuery nicht verfügbar

2. Verwenden Sie in der Datei test.html im p-Tag das Button-Tag, um eine Schaltfläche zu erstellen, und legen Sie deren ID auf „mybut“ fest.

So machen Sie die Schaltfläche mit JQuery nicht verfügbar

3. Verwenden Sie in der Datei test.html das p-Tag, um eine Textzeile mit dem Text „Klicken Sie auf die Einstellungsschaltfläche, um nicht verfügbar zu sein“ zu erstellen.

So machen Sie die Schaltfläche mit JQuery nicht verfügbar

4. Binden Sie in der Datei test.html das onclick-Click-Ereignis an den p-Tag-Text und führen Sie die setBut-Funktion aus.

So machen Sie die Schaltfläche mit JQuery nicht verfügbar

5. Erstellen Sie im js-Tag die Funktion „setBut“. Rufen Sie innerhalb der Funktion das Schaltflächenobjekt „id“ ab und verwenden Sie die Methode „att()“, um das Attribut „disabled“ der Schaltfläche auf „true“ zu setzen Schaltfläche nicht anklickbar.

So machen Sie die Schaltfläche mit JQuery nicht verfügbar

6. Öffnen Sie die Datei test.html im Browser und klicken Sie auf den Text, um den Effekt zu sehen.

So machen Sie die Schaltfläche mit JQuery nicht verfügbar

Verwandte kostenlose Lernempfehlungen: Javascript(Video)

Das obige ist der detaillierte Inhalt vonSo machen Sie die Schaltfläche mit JQuery nicht verfügbar. 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