Javascript:如何只选中屏幕上的复选框

Question

我有一个 200 行的表格，它被分页为 20 页(每页 10 行)。这些行中的每一行都有一个复选框。我使用 jPage，所以所有的表仍然存在，只是被“display:none”隐藏了。我编写了一个函数来选择所有复选框(附加了一些先前的条件)，如下所示:

$('#masterCbox').click(function () {
  if($(this).is(':checked')) {
    $('.childCbox').prop('checked', false);
    $('.select-y').children('.childtd').children('.childCbox').prop('checked', true);
  } else 
    $('.childCbox').prop('checked', false);
});

这将检查所有具有 class="select-y"的行。

但是，要求只选中屏幕上的复选框(复选框属于显示页面的行)。我将如何实现？

Answer 1

您可以在 JQuery 中使用 :visible 选择器来查看某些内容是否可见。