有时我使用样式为按钮的锚，有时我只使用按钮。我想禁用特定的点击东西，以便:
他们看起来很残疾 它们不再被点击
我该怎么做呢?
当前回答
这是一个相当晚的答案，但我无意中发现了这个问题，在寻找一种方法禁用启动按钮后点击他们，可能会增加一个很好的效果(f.e旋转)。我发现了一个很棒的库，它可以做到这一点:
http://msurguy.github.io/ladda-bootstrap/
你只需要包括所需的css和js，添加一些属性到你的按钮和启用lada与javascript…您看!你的按钮有一个新的生命(请检查演示，看看它是多么美丽)!
其他回答
假设你在页面上有这样的按钮:
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit" class="byBtn" disabled="disabled" value="Change"/>
<input type="submit"value="Enable All" onclick="change()"/>
js代码:
function change(){
var toenable = document.querySelectorAll(".byBtn");
for (var k in toenable){
toenable[k].removeAttribute("disabled");
}
}
下面这些方法对我来说非常有效:
$("#button").attr('disabled', 'disabled');
如果你想禁用可点击，你也可以在html中添加内联这个
style="cursor: not-allowed;"
假设你有文本框和提交按钮，
<input type="text" id="text-field" />
<input type="submit" class="btn" value="Submit"/>
禁用:
要禁用任何按钮，例如，提交按钮，你只需要添加disabled属性为，
$('input[type="submit"]').attr('disabled','disabled');
执行上述代码行后，你的提交按钮html标签看起来是这样的:
<input type="submit" class="btn" value="Submit" disabled/>
注意添加了'disabled'属性。
启用:
用于启用按钮，例如当文本字段中有一些文本时。您将需要删除启用按钮的禁用属性，
if ($('#text-field').val() != '') {
$('input[type="submit"]').removeAttr('disabled');
}
现在上面的代码将删除'disabled'属性。
这是一个相当晚的答案，但我无意中发现了这个问题，在寻找一种方法禁用启动按钮后点击他们，可能会增加一个很好的效果(f.e旋转)。我发现了一个很棒的库，它可以做到这一点:
http://msurguy.github.io/ladda-bootstrap/
你只需要包括所需的css和js，添加一些属性到你的按钮和启用lada与javascript…您看!你的按钮有一个新的生命(请检查演示，看看它是多么美丽)!
