web-dev-qa-db-fra.com

Désactivez et grisez une étiquette de case à cocher dans Bootstrap

Existe-t-il un moyen de désactiver et de griser l'étiquette de la case à cocher une fois que la case à cocher est désactivée à l'aide de Bootstrap et Jquery?

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

J'utilise maintenant le code ci-dessous pour désactiver la case à cocher:

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

Fiddle Demo

Vous pouvez le faire avec [~ # ~] css [~ # ~] uniquement

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

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

Sélecteurs d'attributs en CSS

Il semble que la définition du mot désactivé dans la "classe" div ainsi que dans l'entrée le fera.

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

La dose de bootstrap ne fournit pas une telle installation de type, vous pouvez gérer à partir de votre code personnalisé jQuery

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