javascript - 如何只为一页制作“全选”功能

Question

假设我有一个包含 100 个复选框的页面。我使用这个分页Javascript（http://en.newinstance.it/2006/09/27/client-side-html-table-pagination-with-javascript/）将它们分成小页面（每个大约有10个复选框）在同一页面内。

我已经为所有 100 个复选框创建了一个“全选”功能。问题是我想为页面上可见的 10 个复选框创建一个“全选”功能。不知道有没有人知道怎么做...

Answer 1

你可以给每个小组一个班级。然后你可以使用：

var checkBoxArray = document.getElementsByClass('<your class>');

然后您可以循环浏览此数组中的项目并执行如下操作：

checkBoxArray[i].checked=true;

除非我误解了你的意思，否则应该这样做。

干杯。

Answer 2

我相信它们在同一个 div 中，如果是这样，请创建一个复选框并使用以下 jQuery 代码：

$("#urMasterCheckbox").click(function(){
    $('input:checkbox').prop('checked', $("#urMasterCheckbox").is('checked');
}

这将确保在单击所谓的主复选框时，将根据他的检查状态检查下一个复选框上的所有内容。了解更多关于使用 jQuery 的知识，它确实让你的代码更加快速、轻量和高效。这是一个链接：jQuery，下载它或在您的代码中引用它。祝你好运

Answer 3

分页库通过设置隐藏其他行display:none，因此您只需检查一行是否可见，只需选中复选框。