标签元素始终启用

Question

我对禁用/启用元素使用禁用属性。但label元素在此属性中存在问题，将此属性设置为disabled时不起作用。 见下面的代码＆amp;链路

<label disabled="disabled" for="ch1">Click to Me</label>
<button disabled="disabled"  >Cannot Click to Me</button>
<input type="checkbox"  id="ch1" />

http://jsbin.com/wagoku/1/

Answer 1

您无法禁用标签本身。禁用与之关联的表单控件。

<label for="ch1">Click to Me</label>
<input type="checkbox" disabled id="ch1">

http://jsbin.com/pojojike/1/edit?html,output

Answer 2

您无法禁用标签使用css，如

 .disabled {
   color: darkgrey;
   background-color: grey;
}

并将该类添加到元素中：

$('#click').addClass('disabled');