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);
Vous pouvez le faire avec [~ # ~] css [~ # ~] uniquement
input[type=checkbox][disabled] + label {
color: #ccc;
}
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>
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");
}