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

如题所述

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

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

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

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

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-05-30

1、新建HTML文件。

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

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

4、创建css样式。

5、预览效果图。

6、创建js点击事件。

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

8、点击按钮效果如图。

本回答被网友采纳
第2个回答  推荐于2017-11-26
$("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(....)就能为每个都绑定了。

本回答被提问者和网友采纳

jquery如何实现一个按钮只能点击一次,再点击就无效?
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的标签,输入jquery代码:('button').click(function () {$(this).attr('disabled', true);});3、浏览器运行index.html页面,此时显示出一个按钮。4、点击按钮后,按钮被禁用,无法再次点击。

求助~怎么实现按钮点击一次之后,按钮不能再点击了,变为灰色,下面代码怎 ...
1、首先新建html页面,设置一个button按钮。2、然后拷贝一张图片,编辑CSS代码。引入JQ的类库,并引入之前编辑的CSS样式。3、编辑js代码,之后运行即可。4、代码目录结构如下。5、最终效果如下图所示,就完成了。

JS求助,键盘事件和单击事件,限制只执行一次
1、新建html文档,在body标签中添加一个按钮,然后在head标签中引入jQuery文件:2、添加script标签,使用jQuery选择器将按钮选中,然后使用one方法,第一个参数为点击“click”,第二个参数为函数:3、在函数中添加一些命令,这里以弹窗为例,这时只有第一次点击按钮才会弹窗:...

jquery一段时间内点击 button只执行一次click事件 怎么写?
方法有多种。主要是看需求。一般可以直接用setTimeout来实现。在点击的同时,增加一个样式到点击按钮,然后用setTimeout来删除这个判断性样式即可。('#xxx').click(function(){ if(!$(this).hasClass('Onclick')){ \/\/样式不存在 (this).addClass('Onclick');\/\/添加判断样式 \/\/按钮执行内容 s...

jq 如何写某个点击事件在规定时间才生效
举例如下:案例为一个按钮的点击事件,最少10秒可执行一次,如果允许执行将提醒“按钮事件被触发”,如果不允许执行将提醒“目前按钮事件不允许被触发”。HTML代码:这是一个按钮 jQuery代码:var time = 0;$('button').click(function() { \/\/判断计时器是否处于关闭状态 if (time == 0) {...

如何用jquery做点一下按钮隐藏再点下就消失
你是点什么地方啊,如果是按钮本身的话,你在按钮外面加个span;给span加toggle事件,控制按钮显示和隐藏

jQuery中怎么限制一个按钮一天的点击次数
1.由前端控制。每次用户点击后,计数并将数值存储到cookie或者localStorage,每次点击时,先行判断是否达到上限。优势在于相对快速实现,弊端在于懂开发的人手动清理cookie和本地存储的数值。2.由前后端协同控制。同样用户点击后,向服务器请求,服务器根据IP或其他信息将用户的点击次数记录下来,达到上限时报错...

如何用JS实现一个按钮事件:单击一下时打开对话框,再单击一下时关闭这个...
var tmp = "";function test(){if(tmp == ""){tmp = window.open("你需要打开的网址");}else{tmp.close();tmp = "";}}这样就能按钮点一下打开,再点一下关闭

jquery中,怎么实现一个按钮按下去不可选了但是按了别的之后又可选_百度...
function(){ $(this).click(function(){ $(this).attr("disabled", true).prop("disabled", true).siblings().attr("disabled", false).prop("disabled", false); }); });});

用jquery怎么写这个 当点击一个按钮时会出现一个信息框 然后再点击空白...
你好 其实这中间涉及到 两个事件 一个 点击事件 一个 失去焦点事件(点击空白 消息框自然就不是焦点了所以用这个事件)假设 按钮 id=a 信息框 id=b ("#a").click(function(){ ("#b").show();})("#b").blur(function(){ (this).hide();});希望能帮到你 谢谢 ...

相似回答