I have an html table with a checkbox on each row. My javascrpt filters rows based on a text box above the table. I need a function that will only check the boxes on visible rows. I'm stumped.

chkbuild is the name of all the checkboxes in the table. ID is unique. chkallnone is my header checkbox to select all or none.

example of table row cell

<td><input type="checkbox" id="(counter)" name="chkbuild" value="(unique ids)"></td>

Javascript code for selecting checkboxes.

  function checkCheckboxes( id, pID ){
var ele=document.getElementsByName('chkbuild');  
var TrueFalse = true;
//determine if the select all checkbox is checked or unchecked.
if (document.getElementById('chkallnone').checked) {
    TrueFalse = true;
} else {
    TrueFalse = false;
}
//cycle through all table checkboxes and set their checked value
for(var i=0; i<ele.length; i++){  
    ele[i].checked=TrueFalse;  
}

}

Comments added 08/23/2022 My table row has <tr data-link="filename.php" data-target="_SELF"> and the javascript has this function which live filters the table.

$("table tr").click(function(e) {
var u = $(this).data("link");
var t = $(this).data("target");
console.log(u, t);
if (t.length) {
  window.open(u, t);
} else {
  window.location.href = u;
}
});