• 技术文章 >web前端 >js教程

    jquery如何设置按钮不可用

    coldplay.xixicoldplay.xixi2020-11-17 11:46:41原创44

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

    推荐:《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中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery 按钮
    上一篇:jquery如何处理ajax缓存问题 下一篇:jQuery UI有什么用?
    第14期线上培训班

    相关文章推荐

    • php如何点击button按钮实现页面跳转• css如何实现按钮居中显示• css实现一个简单的扁平化按钮• jquery如何判断是否点击按钮

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网