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

来源：互联网发布：百川砍价源码编辑：程序博客网时间：2024/06/05 10:34

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

这里我们可以用几种方法，首先第一种是用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按钮仍然可以使用。

0 0