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

Question

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

我有很多复选框（动态数据）。我想知道如何检查chekcbox＆gt; =＆＃39; 1＆＃39;使用javascript？

<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处理程序

中传递inline

<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

Answer 2

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

修改

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

您需要将引用显式传递给复选框元素：

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

Demo