php - 从表中选择多行并在按钮单击上应用函数

Question

我试图使用每行的复选框从表中选择多行，然后在单击按钮时对其应用函数，我似乎找不到一种方法来选择带有选中复选框并通过 AJAX 调用处理它们。

以下是生成表的 PHP 代码:

            echo '<table cellspacing="0" width="100%" class="viewData" id="approveTransfersTbl"> ';
            echo '<thead> ';
            echo '  <tr> ';
            echo '      <th>Transfer Type</th> ';       
            echo '      <th>Officer ID</th> ';      
            echo '      <th>Officer Name</th> ';        
            echo '      <th>Status</th> ';      
            echo '      <th>Req Date</th> ';    
            echo '      <th>From</th> ';
            echo '      <th>To</th> ';
            echo '      <th>Reason</th> ';
            //echo '        <th>More Info</th>';
            echo '      <th>Select</th>';
            echo '  </tr> ';
            echo '</thead> ';
            echo '<tbody> ';
                foreach($rows as $row){ 
                    echo '  <tr> ';
                    echo '<td>'.$row['transfer_type'].'</td> ';
                    echo '<td>'.$row['officer_Id'].'</td> ';
                    echo '<td>'.$row['name_with_Initials'].'</td> ';
                    echo '<td>'.$row['status_'].'</td> ';
                    echo '<td>'.$row['date_Requested'].'</td> ';
                    echo '<td>'.$row['frmprison_Name'].'</td> ';
                    echo '<td>'.$row['prison_Name'].'</td> ';
                    echo '<td>'.$row['Reason'].'</td> ';
                    echo "<td><input class='tblrowChkBox' id='tblrowChkBox".$row['transfer_Log_Id']."' type='checkbox' /></td>";

                    echo '  </tr> ';
                }   
                echo '</tbody> ';   
                echo '</table> ';  

                echo '</br></br>  ';    
                echo '<div style="width:320px; margin:auto;">';
                echo "<input type='button' class='button' id='btnapprove' name='btnapprove' value='Approve'' />";   
                echo "<input type='button' class='button' id='btnunchk' name='btnunchk' value='Un Check'/>";
                echo '</div>';
        }

Answer 1

您可以使用以下代码获取选中复选框的值列表 -

您需要修改下面的行并将复选框的值设置为等于 rowid

echo "<td><input class='tblrowChkBox' 
                 id='tblrowChkBox".$row['transfer_Log_Id']."' 
                 type='checkbox' 
                 value='".$row['transfer_Log_Id']."'/></td>";

使用下面的脚本将点击事件绑定(bind)到按钮并获取复选框值数组

$(document).on("click",'#btnapprove',function(){
    var selectedCheckboxes = $('input[class="tblrowChkBox"]:checked').map(function(){

      return $(this).val();
    }).get();

    alert(selectedCheckboxes);
});

<强> DEMO