jquery如何实现按钮只能点击一次,再点击就无效

html+jquery

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery若何实现按钮只能点击一次,再点击就无效。

    f703738da97739120b49f10df7198618367ae26b.jpg
  2. 2

    在test.html文件内,引入jquery.min.js库文件,当作功加载该文件,才能利用jquery中的方式。

    c8ea15ce36d3d539bc457baf3587e950352ab065.jpg
  3. 3

    在test.html文件内,在p标签内,利用button标签建立一个按钮,按钮名称为“按钮”。

    95eef01f3a292df5a727d879b3315c6035a873f1.jpg
  4. 4

    在test.html文件内,设置button标签的id为mybtn,本家儿要用于下面经由过程该id获得button对象。

    d439b6003af33a87e4157476c95c10385343b565.jpg
  5. 5

    在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行btnfun()函数。

    3bf33a87e950352ac91951645c43fbf2b2118b65.jpg
  6. 6

    在js标签中,建立btnfun()函数,在函数内,经由过程id(mybtn)获得button对象,利用attr()方式将disabled属性设置为disabled,让按钮酿成不成用状况,从而实现按钮只能点击一次。

    b21bb051f81986188a289be845ed2e738bd4e66b.jpg
  7. 7

    在浏览器打开test.html文件,点击按钮,查看实现的结果。

    c75c10385343fbf2a154d24fbf7eca8065388f65.jpg 11385343fbf2b2118756f122c58065380cd78e65.jpg
  • 发表于 2019-12-21 17:00
  • 阅读 ( 1446 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具