如何选中复选框是否使用javascript

How to check checkbox checked or not using javascript?

本文关键字：javascript 是否 何选中 复选框      更新时间：2023-09-26

如何使用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>

尝试在inline处理程序中传递this，

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

并使用this.checked来找出是否检查过，

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

演示

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

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

演示

function test_fn()
{
    if (this.checked) return true;
    else return false;
}

编辑：

在这种情况下，this参考将不起作用，感谢@RajaprabhuAravindasamy指出这一点，请阅读评论或查看此SO问题以获取更多信息。

您需要显式传递对复选框元素的引用：

function test_fn (el)
{
    if (el.checked) return true;
    else return false;
}

至于如何知道复选框计数是否超过一个，您可以简单地使用全局变量来跟踪计数，如下所示：

var count = 0;
function test_fn (el)
{
    el.checked ? count++ : count--;
    return count > 1;
    // if (count > 1) alert ("count is more than 1");
}

演示

相关文章：