如何在jQuery中選擇所有復選框並獲取值

Question

在foreach循環中，每行都有一個復選框。

編碼為波紋管。

foreach($rpd_records as $rpd_newslater_records)
{
    $rp_ne_value = maybe_unserialize($rpd_newslater_records->meta_value); ?>
    <tr>
        <input type="hidden" class="rpd_meta_id" name="rpd_meta_id" value="<?php echo $rp_ne_records->meta_id; ?>">
        <td><input type="checkbox"></td>
        <td><?php echo $rp_ne_value['product_id']; ?></td>
        <td> <div class="send_mail_btn" style="display: inline;">
        <a href="javascript:void(0)" class="rpd_send_it">Send</a></div></td>
    </tr>
    <?php
} ?>

<button type="button" id="sendAll" class="main"><span class="sub"></span> Send All </button>    

我應該做的是：當我單擊SendAll Button時，它的所有復選框都被選中，並使用Jquery獲取每個行隱藏值。

你能建議我嗎。

謝謝。

Answer 1

您可以

1）遍歷到最接近的tr元素

2）在其中找到隱藏的輸入。

3）使用.map()並獲取所有隱藏輸入值的jquery對象

4）使用.get()轉換為數組

 $('#sendAll').click(function(){
  var inputcheckboxes = $('input:checked').attr("checked", true);    
  var hiddenValForChecked = inputcheckboxes.find('.rpd_meta_id').map(function(){
    return this.value;
  }).get();
  console.log(hiddenValForChecked);
 });

這里的hiddenValForChecked表示隱藏字段的值的數組。

Answer 2

這將為您提供幫助；

$("#sendAll").click(function(e) {
    $(":checkbox").attr("checked", true);    

    var values = $('input.rpd_meta_id[type="hidden"]').map(function(){
        return this.value;
    }).get();

    alert(values);
});