点击按钮一次之后禁用按钮

最新推荐文章于 2024-06-20 10:18:03 发布

香柠檬YU

最新推荐文章于 2024-06-20 10:18:03 发布

阅读量1.1w

点赞数

分类专栏： jQuery 文章标签： jquery javascript 函数 html 异步

本文链接：https://blog.csdn.net/sinat_36841379/article/details/56483333

版权

jQuery 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

点击按钮一次之后禁用按钮

这里我们可以用几种方法，首先第一种是用unbind()这个方法。先举个例子：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#b1").click(function(){
     alert("ok1");
  });
  $("#b1").click(function(){
    $("#b1").unbind();
  });
 $("#b2").click(function(){
     alert("ok2");
  });
});
</script>
</head>
<body>
<button id="b1">b1</button>
<button id="b2">b2</button>
</body>
</html>

实验的结果就是当我们第一次点击按钮的时候，按钮b1是可以用的，b2也可以使用，但是第二次点击之后，按钮b1便不可以使用了，但是按钮b2依旧可以使用。

因为这里我只设置了b1点击一次后禁用按钮，而b2没有设置。

2.当我们采用JS来考虑的时候，

document.getElementById("b1").disabled=true;

3.我们利用jQuery来考虑的时候，

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#b1').click(function(){
$('#b1').attr("disabled","true");
alert("11");
});
$('#b2').click(function(){
alert("12");
});
});

</script>
</head>
<body>
<button id="b1" >删除 p 元素的事件处理器</button>
<button id="b2">删除 p 元素的事件处理器</button>
</body>
</html>

这样子的结果也是b1的按钮点击了一次之后按钮就呈现出灰白色的状态不可用了，而b2按钮仍然可以使用。

香柠檬YU

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
点击按钮一次之后禁用按钮

点击按钮一次之后禁用按钮这里我们可以用几种方法，首先第一种是用unbind()这个方法。先举个例子：$(document).ready(function(){ $("#b1").click(function(){ alert("ok1"); }); $("#b1").click(function(){ $("#b1").unbind(); }); $(
复制链接

扫一扫

专栏目录