当用户单击按钮时无法禁用该按钮
当用户单击按钮时无法禁用该按钮
提问于 2020-05-20 22:52:20
我添加了以下jquery来禁用所有具有名为.disableButton的类的按钮，如下所示：
$('.disableButton').on('click', function (e) {
$(this).prop('disabled', true);
});//disable further clicks<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="submit" value="Submit" class="disableButton btn btn-primary" />
<input type="text" class="disableButton" name="NPI" placeholder="" style="height: 50px;" />
但是当我点击它们时，按钮不会被禁用。
Stack Overflow用户
发布于 2020-05-20 23:12:19
首先，确保脚本位于html按钮之后，然后在javascript上，如果希望禁用所有按钮或具有类disableButton的所有元素，请使用以下命令：
$('.disableButton').prop('disabled', true); 代替：
$(this).prop('disabled', true); 因为$(this)只在单击的on按钮上应用更改。
$('.disableButton').click(function (e) {
$('.disableButton').prop('disabled', true);
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="submit" value="Submit" class="disableButton btn btn-primary" />
<input type="text" class="disableButton" name="NPI" placeholder="" style="height: 50px;">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61924258
复制相关文章
相似问题
腾讯云开发者
