javascript - jquery的checkboxlist显示复选框

Question

我有一个包含大约 40 个项目的复选框列表。我只想显示前 20 个项目，其余的将为 visible = false。该复选框列表是通过数据库填充的。下面是我正在使用的代码，但它不起作用:

$(function() {
    var ctr = document.getElementById("chkTopCompanies");
    ctr.style.display = "none";
    var options = ctr.getElementsByTagName('label');
    for (var i = 0; i < 20; i++) {
        ctr.childNodes[i].display = 'block';
    }
})

所有答案都没有帮助。这是为复选框列表生成的源

<table id="chkTopCompanies" style="color:#004080;font-weight:bold;margin-top: 10px; border-spacing: 20px 0;
                            font-size: small; margin-bottom: 10px; width: 100%;">
    <tr>
        <td><input id="chkTopCompanies_0" type="checkbox" name="chkTopCompanies$0" value="Accenture" /><label for="chkTopCompanies_0">Accenture</label></td>
        <td><input id="chkTopCompanies_1" type="checkbox" name="chkTopCompanies$1" value="Refbro consultancy limi" /><label for="chkTopCompanies_1">Refbro consultancy limi</label></td>
        <td><input id="chkTopCompanies_2" type="checkbox" name="chkTopCompanies$2" value="TCS" /><label for="chkTopCompanies_2">TCS</label></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

我没有复制样本的前 3 条记录

Answer 1

如果您将父级显示设置为“无”，则所有子级也将被隐藏，即使您将其显示指定为“阻止”也是如此。

你可能想要一个像这样的循环

for(var i = 19; i < 40; i++){
    ctr.childNodes[i].display = 'none';
}

这样最后 20 个 child 将被隐藏。