禁用/启用按钮和链接的最简单方法是什么（jQuery + Bootstrap）

Question

禁用/启用按钮和链接的最简单方法是什么（jQuery + Bootstrap）有时我使用锚作为按钮，有时我只使用按钮。我想禁用特定的clicky-things，以便：他们看起来残疾他们不再被点击了我怎样才能做到这一点？

Answer 1

我想不出更简单/更简单的方法！;-)

---

使用Anchor标签（链接）：

<a href="#delete-modal" class="btn btn-danger" id="delete">Delete</a>

---

要启用Anchor标记：

 $('#delete').removeClass('disabled');
 $('#delete').attr("data-toggle", "modal");

---

要禁用Anchor标记：

 $('#delete').addClass('disabled');
 $('#delete').removeAttr('data-toggle');

Answer 2

假设您有文本字段和提交按钮，

<input type="text" id="text-field" /><input type="submit" class="btn" value="Submit"/>

禁用：

要禁用任何按钮，例如，提交按钮，您只需要添加禁用属性，

$('input[type="submit"]').attr('disabled','disabled');

执行上面的行后，您的提交按钮html标记将如下所示：

<input type="submit" class="btn" value="Submit" disabled/>

请注意已添加“已禁用”属性。

启用：

用于启用按钮，例如在文本字段中有一些文本时。您需要删除disable属性才能启用按钮，

 if ($('#text-field').val() != '') {
     $('input[type="submit"]').removeAttr('disabled');
 }

现在上面的代码将删除'disabled'属性。