Javascript：如何使複選框在屏幕上檢查

我有一個200行的表，它被分頁成20頁（每頁10行）。每一行都有一個複選框。我使用jPage，所以所有的表格仍然存在，只能通過「display：none」隱藏。我已經寫了一個函數來選擇所有複選框（附帶以前的一些條件），像這樣：Javascript：如何使複選框在屏幕上檢查

$('#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); 
});

這將檢查是具有類的所有行=「選擇-Y」。

但是，只需要勾選屏幕上的複選框即可（複選框屬於顯示頁面的行）。我該怎麼做到這一點？

來源

2013-02-18 vCube

你能告訴我們你是如何製作其它的TA ble作爲隱藏我的意思是這個'display：none'在哪裏應用 – asifsid88 2013-02-18 17:08:58

修改你的選擇器，以便它檢查適當的'parent'的'display' CSS屬性，並且不會選擇這些屬性。 – marekful 2013-02-18 17:09:47

您可以確保隱藏頁面中的所有複選框都將「禁用」標誌設置爲「true」，以便在提交表單時不會發布它們。 – Pointy 2013-02-18 17:10:11

您可以在JQuery中使用：visible選擇器來查看是否有可見的東西。

來源

2013-02-18 17:10:03 samjudson

檢查，如果它是可見的，只是檢查的所有children()的東西，如果它有一個父某處匹配.select-y代替：

$('#masterCbox').click(function() { 
    if(this.checked) { 
     $('.childCbox').prop('checked', false).filter(function() { 
      return $(this).is(':visible') && $(this).closest('.select-y').length; 
     }).prop('checked', true); 
    } else { 
     $('.childCbox').prop('checked', false); 
    } 
});

來源

2013-02-18 17:10:04 adeneo

這很好用。 – vCube 2013-02-20 07:47:52

您可以應用過濾器來檢查，如果你的行是可見的：

$('.select-y').is(':visible').children('.childtd').children('.childCbox').prop('checked', true);

來源

2013-02-18 17:10:25

你可以這樣做：

$('.select-y .childtd').children('.childCbox:visible').prop('checked', true);

來源

2013-02-18 17:12:49 Jai

Javascript：如何使複選框在屏幕上檢查

回答

相關問題