Question

如何在使用Javascript单击后禁用Bootstrap按钮。我正在使用onclick事件，但它不会被禁用。

代码：

<div class="panel-heading">
    <div class="btn-group pull-right"> 
         <a href="/assign" class="btn btn-success">Assign</a>
         <a href="#" class="btn btn-primary" onclick="this.disabled=true">Upload</a>
   </div>
</div>

Answer 1

$("#buttonid").on("click", function() {
    $(this).prop("disabled", true);
});

Answer 2

添加

$(this).prop("disabled",true);

点击事件功能

Answer 3

当元素（例如按钮或链接）呈现为 A （锚点）标记（例如ASPX页面中的命令链接按钮）时，可以使用以下解决方案。（锚点没有（HTML）禁用属性，因此不能简单地通过设置该属性来禁用。稍微有点混乱，Bootstrap会使按钮显示被禁用，但实际上是另一次点击（或更糟糕）仍然，双击）将导致点击或href（这实际上是＆＃34; javascript：...＆＃34;）将被重新调用。）

注意：需要jquery。

将以下jsfiddle参考中的脚本添加到您的母版页或各个页面。
将 disableafteroneclick 类应用于呈现为锚点（A）的任何按钮，以限制第二次/双击
或者，添加到a /按钮 data-disabledtext 属性（这将在首次点击后替换按钮上的文字。

注意：只有在重新渲染页面时才会删除按钮的禁用特性 - 所以这主要用于（例如）必须只点击一次的提交按钮，将用户移动到另一个页面的位置

您会看到我使用了这些行：

if ($(this).attr("href")) window.location = $(this).attr("href");
return false;

- 可能已被替换为：

return true;

...但发现这对IE＆lt; = 8不起作用 - 我们的客户需要为IE8提供支持！如果您知道自己不需要，那么您当然可以使用该替换所创建的简化代码。

代码位于： https://jsfiddle.net/robertgalesorguk/qbq1n369/4/

如何使用javascript一次单击后禁用引导按钮

3 个答案: