编辑禁用提交按钮

Question

我正在尝试在css中编辑一个禁用的提交按钮。如果未选中该复选框，则禁用此按钮;如果选中该复选框，则启用此按钮。我无法编辑禁用和启用按钮。我无法弄明白我应该怎么做。

查看此fiddle，您会更好地理解。 input#btnsubmit[disabled]未适用。

Answer 1

首先 - true不是disabled属性的有效值 - 它应该是disabled="disabled"（对于XHTML兼容性），只有disabled没有值HTML5

第二个问题 - 您发生问题是因为您在基本输入css中设置了background而在background-color部分中设置了[disabled] - background属性具有优先权 - 以及只要它没有被覆盖 - 它仍然被应用

两者都使用background，问题已修复

Fiddle example

Answer 2

$("#reguli").change(function(){
    $("#btnsubmit").prop("disabled",!this.checked).toggleClass('disabled-button');
});

此代码将添加/删除您可以使用css设置样式的类.disabled-button。这也与旧版浏览器更加兼容。