如何仅为一个页面创建“全选”功能

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

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

Answer 3

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

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

这将确保在点击所谓的主复选框时，所有下一个复选框都将根据其检查状态进行检查。 了解有关使用jQuery的更多信息，它确实使您的代码更快，更轻便，更高效。 这是一个链接：jQuery，下载或在您的代码中引用它。 祝你好运