点击按钮一次之后禁用按钮_鸿蒙代码如何点一次禁用按钮

作者：小蓝xlanll | 2024-03-29 08:55:05

踩

鸿蒙代码如何点一次禁用按钮

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/334919