Отключить и вычеркнуть метку флажка в Bootstrap

Есть ли способ отключить и вычеркнуть метку флажка, как только флажок отключится с помощью 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);

Ответы

Ответ 1

Вы можете сделать это только с помощью CSS only

$("#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>

Ответ 2

Доза Bootstrap не предоставляет такого типа средства, вы можете управлять своим специальным кодом jQuery

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

Ответ 3

Кажется, что установка слова, отключенного в классе div, а также на входе, сделает это.

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

Ответ 4

Попробуйте использовать:

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

Ответ 5

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

для отключения в качестве кнопки

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