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

html+jquery
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery若何实现按钮只能点击一次 , 再点击就无效 。

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



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

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



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

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



4【jquery如何实现按钮只能点击一次,再点击就无效】在test.html文件内 , 设置button标签的id为mybtn , 本家儿要用于下面经由过程该id获得button对象 。

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



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

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



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

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



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

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



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




以上内容就是jquery如何实现按钮只能点击一次 , 再点击就无效的内容啦 , 希望对你有所帮助哦!

    猜你喜欢