4

我正在使用复选框的控件数组来捕获多项选择

下面的代码，带有两个复选框，运行良好，并按预期返回值2（或者不管有多少）。

但是，如果数组中只有一个复选框项，则返回长度为0（零） ....这是为什么呢？它不应该返回长度为 1 吗？

我在 Internet Explorer 和 Chrome 中尝试过，结果相同。作为一种解决方法，我必须在数组中包含一个隐藏的虚假复选框，以确保在我运行代码时总是有两个或多个项目。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title></title>
    <script language="javascript" type="text/javascript">
        function categoryOnClick() {
            var selectedRows = document.searchForm.elements['categorySelect[]'];
            alert(selectedRows.length);
        }
    </script>
</head>
<body>
    <form name="searchForm" action="">
        <input type="checkbox" name="categorySelect[]" id="1" onclick="categoryOnClick();"/>
        <input type="checkbox" name="categorySelect[]" id="2" onclick="categoryOnClick();"/>
    </form>
</body>
</html>

返回 0（零）长度的代码...

<form name="searchForm" action="">
     <input type="checkbox" name="categorySelect[]" id="1" onclick="categoryOnClick();"/>
</form>
4

3 回答 3

5

工作 jsFiddle 演示

function categoryOnClick() {
    var rows = document.getElementsByName('categorySelect[]');
    var selectedRows = [];
    for (var i = 0, l = rows.length; i < l; i++) {
        if (rows[i].checked) {
            selectedRows.push(rows[i]);
        }
    }

    alert(selectedRows.length);
}
于 2013-06-20T12:02:02.450 回答
1

在javascript中你可以做

function categoryOnClick() {
    var count = document.querySelectorAll("input[type=checkbox]").length;
    var checkedElements = 0;
    for (var i = 0; i < count; i++) {
        checkedElements = checkedElements + parseInt((document.querySelectorAll("input[type=checkbox]")[i].checked) ? 1 : 0);    
    }
    alert(checkedElements);
}

在 jquery 中：

function categoryOnClick() {           
    alert($('input:checked').length)
}

希望有帮助

于 2013-06-20T12:34:44.280 回答
0

您可以使用 jQuery 执行此操作：

function categoryOnClickjQuery() {
    var selectedRows = $('form input').attr('name', 'categorySelect[]');
    alert(selectedRows.length);
}
于 2013-06-20T12:25:42.567 回答