a标签和button按钮只允许点击一次

最新推荐文章于 2023-12-15 18:49:18 发布

原创最新推荐文章于 2023-12-15 18:49:18 发布 · 1.1w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #标签

本文介绍如何在HTML中使用属性disabled禁用按钮，并通过JavaScript动态设置按钮状态。此外，还介绍了如何解除a标签的点击事件绑定以实现类似禁用的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

button

方法：加上属性disabled = “disabled” 或者 disabled = “true”

1>HTML里
<button id="btn" disabled="disabled">确定</button>
2>Javascript里
<script>
    $("#btn").attr("disabled","true");
    $("#btn").attr("disabled","disabled");
    $("#btn").attr("disabled","false");
    $("#btn").removeAttr("disabled","disabled");
</script>

a标签

方法：在点击一次后，解除绑定。

<a id="mybtn">button</a>
<script>
    $("a").click(function(){
        alert("1");
        $(this).css("color","#CCC");
        $(this).unbind("click");
    })
</script>