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

Question

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

有时我使用锚作为按钮，有时我只使用按钮。我想禁用特定的clicky-things，以便：

• 他们看起来残疾

• 他们不再被点击了

我怎样才能做到这一点？

Answer 1

我想不出更简单/更简单的方法！;-)使用Anchor标签（链接）：<a&nbsp;href="#delete-modal"&nbsp;class="btn&nbsp;btn-danger"&nbsp;id="delete">Delete</a>要启用Anchor标记：&nbsp;$('#delete').removeClass('disabled'); &nbsp;$('#delete').attr("data-toggle",&nbsp;"modal");要禁用Anchor标记：&nbsp;$('#delete').addClass('disabled'); &nbsp;$('#delete').removeAttr('data-toggle');

Answer 2

假设您有文本字段和提交按钮，<input&nbsp;type="text"&nbsp;id="text-field"&nbsp;/><input&nbsp;type="submit"&nbsp;class="btn"&nbsp;value="Submit"/>禁用：要禁用任何按钮，例如，提交按钮，您只需要添加禁用属性，$('input[type="submit"]').attr('disabled','disabled');执行上面的行后，您的提交按钮html标记将如下所示：<input&nbsp;type="submit"&nbsp;class="btn"&nbsp;value="Submit"&nbsp;disabled/>请注意已添加“已禁用”属性。启用：用于启用按钮，例如在文本字段中有一些文本时。您需要删除disable属性才能启用按钮，&nbsp;if&nbsp;($('#text-field').val()&nbsp;!=&nbsp;'')&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('input[type="submit"]').removeAttr('disabled'); &nbsp;}现在上面的代码将删除'disabled'属性。