Question

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

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('button').click(function () {$(this).attr('disabled', true);});

3、浏览器运行index.html页面，此时显示出一个按钮。

4、点击按钮后，按钮被禁用，无法再次点击。

Answer 2

1、新建HTML文件。

2、引入jquery.min.js文件。

3、创建HTML内容并添加class。

4、创建css样式。

5、预览效果图。

6、创建js点击事件。

7、当点击按钮移除class是red的p元素。

8、点击按钮效果如图。

Answer 3

$("button").click(function(){
    $(this).attr("disabled","disabled");    
});

谢谢，或者你需要另外的解答。

追问

我是这样一个函数：<b onclick="Commentadd1(this)">12</b>

想让这个函数实现用户只能赞一次，将你说的$(data).attr("disabled","disabled");添加进去似乎不起作用

追答

因为这个元素本来就没有disabled属性，用原生代码可以添加和删除事件，jquery有一个叫one的方法，$(xx).one("click",function(){...});只触发一次。

追问

很谢谢你，但是我这个b标签是循环输出的，也就是很多内容都有这个b标签，所以必须每个b标签给定不同id或者name，如果给定不同的id或者name的话，该怎么获取改id或name值呢？
我就是因为不知道怎么获取才直接给的一个函数让它点击的时候运行。

追答

啊，我不知道你指的循环输出是什么意思，意思是所有标签都能触发这个事件？那直接$("b").one(....)就能为每个都绑定了。