php - 发布与其他选择框一起选中的表行

Question

这可能是一个重复的问题，

但我还是没有找到答案。

我的要求是:

如何获取已检查的表行。

这是我的问题的屏幕截图。在此输入图像描述

我的复选框名称是“check[]”

选择框的名称是“class[]”，

并且表单被发布到process.php。

如何获取“class[]”的值，其中已选中复选框，以便我可以使用 PHP-MYSQL 进行处理>?

我的代码在这里:

<div class="col-md-5">
<form action="process.php" method="post">

<table class="table" id="table">
    <tr><th>Opt</th><th>Name</th><th>Next Class</th></tr>
    <? $q = $sdb->where('ac_CurClass',4)->get('tbl_accounts');
    foreach ($q as $r){ ?>
    <tr>
        <td><input type="checkbox" name="sel[]" class="checkbox small" value="<?=$r['ac_Id'];?>"></td>
        <td><?=ac_details($r['ac_Id'])->ac_Name;?></td>
        <td>
            <select class="form-control small" name="class[]">          
            <? $c = $sdb->where('c_Id',ac_details($r['ac_Id'])->ac_CurClass,">")->get("tbl_classes"); 
                foreach($c as $d) {?>
                <option value="<?=$d['c_Id'];?>"><?=$d['c_Name'];?></option>
            <? } ?></select>
        </td>
    </tr>
    <? } ?>
</table>
<button type="submit" class="btn btn-danger">Update</button>
</form>
</div>

Answer 1

希望这段代码对您有帮助

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<div class="col-md-5">
<form action="#" method="post">
<table class="table" id="table">
<thead><tr><th>Opt</th><th>Name</th><th>Next Class</th></tr></thead>
<tbody id="cont">
<tr>
    <td><input type="checkbox" name="sel[]" class="checkbox small" value="1"></td>
    <td>asass</td>
    <td>
        <select class="form-control small" name="class[]">          
        <option value="">Select option</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
        </select>
    </td>
</tr>
<tr>
    <td><input type="checkbox" name="sel[]" class="checkbox small" value="2"></td>
    <td>asass</td>
    <td>
        <select class="form-control small" name="class[]">          
        <option value="">Select option</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
        </select>
    </td>
</tr>
<tr>
    <td><input type="checkbox" name="sel[]" class="checkbox small" value="3"></td>
    <td>asass</td>
    <td>
        <select class="form-control small" name="class[]">          
        <option value="">Select option</option>
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
        </select>
    </td>
</tr>
</tbody>
</table>
<button type="button" class="btn btn-danger" id="submit">Update</button>
</form>
</div>
<script>
$(document).ready(function(){
$('#submit').click(function(){
    $("#cont input:checkbox:checked").map(function(){
        alert('Checkbox value - '+$(this).val()+' / Select Box value - '+$(this).parent().next().next('td').find('select').val());
        //alert('Select Box value - '+$(this).parent().next().next('td').find('select').val());
    });
});
});
</script>

之后，您可以传递 Ajax，以便仅发布已检查的行。