javascript - HTML form doesn't capture all the checkboxes from Bootstrap responsive table -
i have table displays results db. in last column have checkboxes , clicking submit button sending array of account_id's php file. works fine problem using bootstrap responsive table can show 10-100 results on each page , form captures results on current page. if check boxes on different pages , switch between them, still remain checked, though. here html:
<form action="compare.php" method="post"> <table class="table table-hover" id="datatables-example"> <thead> <tr> <th style="text-align:center;">account name</th> <th style="text-align:center;">address</th> <th style="text-align:center;">phone number</th> <th style="text-align:center;">website</th> <th style="text-align:center;">compare</th> </tr> </thead> <tbody> <?php $result= mysql_query("select * accounts order account_name asc" ) or die (mysql_error()); while ($row= mysql_fetch_array ($result) ){ ?> <tr> <td class='clickable-row' data-href="select.php?id=<?php echo $row ['account_id'];?>"> <?php echo $row ['account_name'];?></td> <td class='clickable-row' data-href="select.php?id=<?php echo $row ['account_id'];?>"> <?php echo $row ['address']; ?></td> <td class='clickable-row' data-href="select.php?id=<?php echo $row ['account_id'];?>"> <?php echo $row ['phone_number']; ?></td> <td class='clickable-row' data-href="select.php?id=<?php echo $row ['account_id'];?>"> <?php echo $row ['website']; ?></td> <td> <input type="checkbox" name="checkboxvar[]" value="<?php echo $row ['account_id'];?>" /></td> </tr> <?php } ?> </tbody> </table> <input class="btn btn-success" type="submit" value="compare" id="submit"> </form>
i tried use jquery see if can capture checkboxes whole table, results same trying html form. script supposed capture them , make alert:
<button id="bt1">get</button> <script> $('#bt1').on('click', function () { //get checked checkboxes var checkedcheckboxes = $("#datatables-example :checkbox:checked"), arr = []; //for each checkbox (var = 0; < checkedcheckboxes.length; i++) { //get checkbox var checkbox = $(checkedcheckboxes[i]); //get checkbox value var checkboxvalue = checkbox.val(); //get siblings var siblings = checkbox.parent().siblings(); //get values of siblings var value1 = $(siblings[0]).text(); var value2 = $(siblings[1]).text(); arr.push(checkboxvalue + '-' + value1 + '/' + value2); alert(checkboxvalue + '-' + value1 + '/' + value2); } }); </script>
is there way it?
you can use datatables object:
$('input', otable.fngetnodes()).each(function () { if($(this).is('checked')){ console.log($(this).val()); } });
Comments
Post a Comment