使用jQuery可以通过以下步骤实现在单击一次后使标记不可点击:
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<button id="myButton">点击我</button>
.click()
方法绑定点击事件。在点击事件的处理函数中,使用.prop()
方法将disabled
属性设置为true
,使其不可点击。代码如下:$(document).ready(function() {
$('#myButton').click(function() {
$(this).prop('disabled', true);
});
});
<script>
标签中,确保在页面加载完成后执行。例如:<script>
$(document).ready(function() {
$('#myButton').click(function() {
$(this).prop('disabled', true);
});
});
</script>
这样,当按钮被点击后,它将变为不可点击状态。
推荐的腾讯云相关产品:无
请注意,以上答案仅使用了jQuery库来实现功能,没有涉及到其他云计算品牌商的产品。
云+社区技术沙龙 [第31期]
腾讯技术创作特训营第二季
云+社区技术沙龙[第28期]
云+社区技术沙龙[第11期]
云+社区技术沙龙[第8期]
云+社区技术沙龙[第5期]
云+社区技术沙龙[第16期]
Elastic 中国开发者大会
serverless days
云+社区技术沙龙[第10期]
领取专属 10元无门槛券
手把手带您无忧上云