javascript - 如何使用 javascript 检查复选框是否已选中？

Question

如何使用 javascript 检查复选框是否已选中？

我有很多复选框(动态数据)。我想知道如何使用 javascript 检查何时检查 chekcbox >= '1'？

<input type="checkbox" id="1" name="test[]" onclick="test_fn()"/>
<input type="checkbox" id="2" name="test[]" onclick="test_fn()"/>
<input type="checkbox" id="3" name="test[]" onclick="test_fn()"/>
<input type="checkbox" id="4" name="test[]" onclick="test_fn()"/>

<script>
function test_fn() {
// check it's have checked checkbox or not ? //
}
</script>

Answer 1

尝试在您的内联处理程序中传递this，

<input type="checkbox" id="1" name="test[]" onclick="test_fn(this)"/>

并使用this.checked 来判断它是否被选中，

function test_fn(elem) {
 alert(elem.checked);
}

DEMO

要检查，如果选中的复选框大于或等于1，则执行

function test_fn(elem) {
  if (document.querySelectorAll("input[name='test[]']:checked").length >= 1) {
    alert("yes it is greater than or equal to 1")
  }
}

DEMO