Heim  >  Artikel  >  Web-Frontend  >  So machen Sie eine Schaltfläche in JQuery nicht anklickbar

So machen Sie eine Schaltfläche in JQuery nicht anklickbar

coldplay.xixi
coldplay.xixiOriginal
2020-12-25 10:04:1310602Durchsuche

So legen Sie fest, dass die Schaltfläche in JQuery nicht anklickbar ist: Erstellen Sie zunächst eine Schaltfläche mithilfe des Schaltflächen-Tags und binden Sie das Klickereignis. Rufen Sie dann innerhalb der Funktion das Schaltflächenobjekt über die ID ab und verwenden Sie [att(); ]-Methode, um das Attribut „disabled“ der Schaltfläche auf „true“ zu setzen, um die Schaltfläche nicht anklickbar zu machen.

So machen Sie eine Schaltfläche in JQuery nicht anklickbar

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, DELL G3-Computer.

Empfohlen: JQuery-Video-Tutorial

So stellen Sie die Schaltfläche in JQuery so ein, dass sie nicht anklickbar ist:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um die Einstellung zu erklären Die Schaltfläche soll in JQuery nicht anklickbar sein.

So machen Sie eine Schaltfläche in JQuery nicht anklickbar

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 eine Schaltfläche in JQuery nicht anklickbar

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 eine Schaltfläche in JQuery nicht anklickbar

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

So machen Sie eine Schaltfläche in JQuery nicht anklickbar

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

So machen Sie eine Schaltfläche in JQuery nicht anklickbar

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

So machen Sie eine Schaltfläche in JQuery nicht anklickbar

Verwandte kostenlose Lernempfehlungen: Javascript(Video)

Das obige ist der detaillierte Inhalt vonSo machen Sie eine Schaltfläche in JQuery nicht anklickbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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