javascript - 如何获取单击提交按钮时的复选框值？

Question

在此代码中，我有多个复选框，即带有多个提交按钮的 name="recruiter_id"。现在，当我点击第一行提交按钮时，它会提醒数据，但当我点击最后一行提交按钮时，它会显示错误的 recruiter_id 我不知道为什么？那么，如何获得不同的 recruiter_id onclick 不同的提交按钮？请帮我。

<?php
    foreach($wishlist as $row)
    {
?>
        <tr>
            <td>
                <input type="checkbox" name="recruiter_id" value="<?php echo $row['rid']; ?>" class="recruiter_id">
            </td>
            <td>
                <input type="submit" id="<?php echo $row['job_id']; ?>" class="btn btn-danger job_id" value="Assign" />
            </td>
        </tr>
<?php
    }
?>
<script>
    $(document).ready(function() {
        $(".job_id").click(function(e){
            e.preventDefault();
            job_id = this.id;
            recruiter_id = $("input[name='recruiter_id']:checked").val();
            alert(job_id);
            alert(recruiter_id);
        });
    });
</script>

Answer 1

试试这个，

<?php
foreach($wishlist as $row)
  {
?>
    <tr>
        <td>
            <input type="checkbox" name="recruiter_id" value="<?php echo $row['rid']; ?>" class="recruiter_id">
        </td>
        <td>
            <input type="submit" id="<?php echo $row['job_id']; ?>" data-val="<?php echo $row['rid']?>" class="btn btn-danger job_id" value="Assign" />
        </td>
    </tr>
 <?php
  }
 ?>
   <script>
    $(document).ready(function() {
    $(".job_id").click(function(e){
        e.preventDefault();
        job_id = this.id;
        recruiter_id = $(this).data("val");
        //$("input[name='recruiter_id']:checked").val();
        alert(job_id);
        alert(recruiter_id);
    });
});