如何检查复选框是否已使用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

尝试在您的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")
  }
}

演示

Answer 2

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

编辑：

由于@RajaprabhuAravindasamy指出了这一点，请阅读注释或检查此SO 问题以获取更多信息，因此this参考在这种情况下将不起作用。

您需要将引用显式传递给checkbox元素：

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

演示版