如何设置“全选”功能只适用于一页

How to make a "Select All" function for one page only

本文关键字：功能 适用于 一页 全选 何设置 设置      更新时间：2023-09-26

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

我已经为所有100个复选框创建了一个"select all"函数。事情是我想创建一个"选择全部"功能，只是10个复选框可见的页面上的顶部。不知道是否有人知道怎么做…

你可以给每个组一个类。然后你可以使用:

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

然后你可以循环遍历数组中的元素并执行如下命令:

checkBoxArray[i].checked=true;

除非我误解了你的意思，应该是之类的。

欢呼。

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

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

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

这将确保当单击所谓的主复选框时，下一个复选框上的所有复选框将根据他的检查状态进行检查。学习更多关于使用jQuery的知识，它真的会让你的代码更快、更轻、更高效。这里有一个链接:jQuery，下载它或在你的代码中引用它。祝你好运

相关文章：