Question

我正在尝试使用简单的功能查看是否选中了复选框。它似乎没有用，这是代码：

HTML：

<form>
  <input type="checkbox" id="check" />
</form>

JS：

$(document).ready(function() {
  if ($('#check').is(":checked")) {
    alert('it works')
  }
});

JSFiddle：https://jsfiddle.net/5h58mx1h/

Answer 1

您的代码只运行一次 - 当document准备就绪时。您需要将事件侦听器附加到复选框并检查它何时更改：

$(document).ready(function() {
  $('#check').change(function() {
    if ($(this).is(":checked")) {
      alert('it works');
    }
  });
});

Fiddle

Answer 2

您不需要jQuery。 <input type="checkbox">有一个checked attribute，您可以像这样使用它：

document.addEventListener("DOMContentLoaded", () => {
  if (document.getElementById("check").checked) {
    alert('it works')
  }
})

Answer 3

将HTML替换为此

<form>
  <input type="checkbox" id="check" checked />
</form>

这对你有用。因为您还没有选中复选框，这就是为什么不提醒。

Answer 4

应该工作：

 $(document).ready(function () {
        var ckbox = $('#checkbox');

        $('input').on('click',function () {
            if (ckbox.is(':checked')) {
                alert('You have Checked it');
            } else {
                alert('You Un-Checked it');
            }
        });
    });

jsFiddle

Answer 5

我认为这是最简单的方法：

＆＃13;

  if ($('#check').checked) {
    alert('it works');
  }

＆＃13;

如何从javascript / jquery中的复选框获取bool值？

5 个答案: