Question

使用Bootstrap和Jquery禁用复选框后，有没有办法禁用复选框标签并将其灰显？

<div class="checkbox">        
    <input id="accept" name="accept" type="checkbox" value="True">
    <label for="accept" class="control-label">Incremental</label>
</div>

我现在使用下面的代码来禁用复选框：

 $("#accept").prop("disabled", true);

Answer 1

Fiddle Demo

您只能使用 CSS

进行此操作

input[type=checkbox][disabled] + label {
    color: #ccc;
}

阅读http://css-tricks.com/almanac/selectors/c/checked/

Attribute selectors in CSS

Answer 2

Bootstrap不提供此类型工具，您可以从您的jQuery自定义代码

进行管理

if($("#accept").has("[disabled]")){
  $("#accept").parent().find("label").css("color", "#dadada");
}

Answer 3

似乎在div＆＃34; class＆＃34;中设置了禁用词。以及在输入中都会这样做。

<div class="checkbox disabled">
  <label><input type="checkbox" value="" disabled>check Me</label>
</div>

Answer 4

尝试使用：

$("#accept").addClass("disabled");

Answer 5

  $('label.control-label').addClass('disabled');

禁用按钮

 $('label.control-label').addClass('btn-disabled');

在Bootstrap中禁用并灰显复选框标签

5 个答案: