Question

我在本网站上制作的这个自定义复选框有问题。我试图使用jQuery获取chekbox的值状态，然后隐藏潜水或笑，如果选中该复选框。这是代码：

<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");
        }
    });
});

检查复选框状态jQuery

1 个答案: