Проверить статус флажка jQuery

Question

У меня есть проблема с этим пользовательским флажком, который я сделал на этом веб-сайте. Я пытаюсь получить статус значения chekbox с помощью jQuery, а затем скрыть погружение или sho, если флажок установлен. Это код:

<div class="row"> 
    <div class="col-md-12 form-inline"> 
    <div class="checkbox col-md-6"> 
     <input type="checkbox" id="checkOrarioContinuato" value="1"> 
     <label for="checkOrarioContinuato" class="cella paddingCella nomesalone" value="1">ORARIO CONTINUATO</label> 
    </div> 
    <div class="checkbox col-md-6"> 
     <input type="checkbox" id="checkOrarioNonContinuato" value="2"> 
     <label for="checkOrarioNonContinuato" class="cella paddingCella nomesalone">ORARIO NON CONTINUATO</label> 
    </div> 
    </div> 
</div> 

Я пытался получить значение флажка, используя этот скрипт:

$(document).ready(function() { 
    if ($('#checkOrarioContinuato').is(':checked')) { 
     console.log("Orario Continuato selezionato"); 
    } 

Где моя ошибка?

Answer 1

Ваша ошибка в том, что вы проверяете состояние флажка один раз, на готовом документе, а не в ответ на событие изменения флажка.

Вместо этого попробуйте этот подход, который проверяет состояние и показывает <div> следующие события изменения:

$(document).ready(function() { 
    $('#checkOrarioContinuato').on('change', function() { 
     if (this.checked) { 
      console.log("Orario Continuato selezionato"); 
     } 
    }); 
});