javascript - 在 Bootstrap 中禁用复选框标签并将其灰显

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

你只能用 CSS 来做

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

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="checkbox">
    <input id="accept" name="accept" type="checkbox" value="True">
    <label for="accept" class="control-label">Incremental</label>
</div>

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

Attribute selectors in CSS