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

all*_*sef 18 html javascript checkbox jquery twitter-bootstrap

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

<div class="checkbox">        
    <input id="accept" name="accept" type="checkbox" value="True">
    <label for="accept" class="control-label">Incremental</label>
</div>
Run Code Online (Sandbox Code Playgroud)

我现在使用波纹管代码禁用复选框:

 $("#accept").prop("disabled", true);
Run Code Online (Sandbox Code Playgroud)

Tus*_*har 22

Fiddle Demo

你可以做到这一点CSS

$("#accept").prop("disabled", true);
Run Code Online (Sandbox Code Playgroud)

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

CSS中的属性选择器

  • 像我这样的每个人都不知道+做了什么,并想知道为什么它不起作用.label元素需要直接在输入元素之后(而不是之前). (4认同)