通过javascript访问复选框列表文本

Question

我有一个复选框列表，我已将一些文档名称绑定到它的文本字段。现在我只需要找到文本包含 .pdf 扩展名的复选框，然后在单个复选框中单击将它们全部选中。我编写了以下内容javascript 但它对我不起作用

function CheckAllPDF() {
            var checkBoxList = document.getElementById("<%= cblFiles.ClientID %>");
            var checkBoxes = checkBoxList.getElementsByTagName("input");

                for (i = 0; i < checkBoxes.length; i++) {
                    var string = checkBoxes[i].parentNode.getElementsByTagName('label').innerHTML;
                    var match = string.indexOf(".pdf");

                    if (match != -1) {
                        checkBoxes[i].checked = true;
                    }
                    else {
                        checkBoxes[i].checked = false;
                    }
                } 

有人可以帮忙吗？

Answer 1

当您将 asp.net 复选框列表放入页面中时，它会转换为复选框类型的输入列表，因此您需要访问每个控件并检查它，以便您的 javascript 代码应如下所示：

        //Get the main id of the asp.net check box list
        var checkboxId = '<%=  CheckBoxList1.ClientID %>';

        //Loop on all generated input check boxes where the count function determine the number of generated checkboxes
        for (var i = 0; i < <%=  Count() %>; i++) {
        //Append the count on the main asp.net check box id the value ('_'+i)
            var checkBox = document.getElementById(checkboxId + '_' + i);
            var checkBoxValue = checkBox.value;

            var match = checkBoxValue.indexOf(".pdf");
            if (match != -1) {
                checkBox.checked = true;
            }
            else {
                checkBox.checked = false;
            }
        }

在后面的代码中写入计数函数如下：

public int Count()
    {
        return CheckBoxList1.Items.Count;
    }