选中复选框状态 jQuery

Question

我在本网站上制作的自定义复选框时遇到了一些问题。我正在尝试使用 jQuery 获取 chekbox 的值状态，然后在选中复选框时隐藏潜水或 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");
        }
    });
});