Heim > Web-Frontend > js-Tutorial > Hauptteil

jquery如何设置按钮不可用

coldplay.xixi
Freigeben: 2020-11-17 11:46:41
Original
3888 人浏览过

jquery设置按钮不可用的方法:首先在p标签内使用button标签创建一个按钮,并设置其id为mybut;然后给p标签文字绑定onclick点击事件;最后使用【att()】方法将按钮的disabled属性设置为true,实现按钮不可点击。

jquery如何设置按钮不可用

推荐:《jquery视频教程

jquery设置按钮不可用的方法:

1、新建一个html文件,命名为test.html,用于讲解jquery如何设置按钮不可点击。

a215ba3b15b570c710f774e691de1ce.png

2、在test.html文件内,在p标签内,使用button标签创建一个按钮,并设置其id为mybut。

1fd3fa75b3819b05e888845fec04037.png

3、在test.html文件内,再使用p标签创建一行文字,文字内容为“点击设置按钮不可用”。

269ab6eb7e726c0e38a45af7d217e40.png

4、在test.html文件内,给p标签文字绑定onclick点击事件,当文字被点击时,执行setBut函数。

9fabb3d5acb31ddceee3b9ddea10044.png

5、在js标签内,创建setBut函数,在函数内,通过id获得button按钮对象,使用att()方法将按钮的disabled属性设置为true,实现按钮不可点击。

322e67d0b615e9f89f9e20946e9f22d.png

6、在浏览器打开test.html文件,点击文字,查看实现的效果。

705384290f091773be125ce789b30bb.png

相关免费学习推荐:JavaScript(视频)

以上是jquery如何设置按钮不可用的详细内容。更多信息请关注PHP中文网其他相关文章!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!