javascript - 如何在jQuery中获取指定div的选中复选框值

Question

<td id="optrep0">
  <input type="checkbox" value="1" class="warna" id="warna" name="warna[]"> 
  <input type="checkbox" value="2" class="warna" id="warna" name="warna[]">
  </td>
<td id="optrep1">
  <input type="checkbox" value="1" class="warna" id="warna" name="warna[]"> 
  <input type="checkbox" value="2" class="warna" id="warna" name="warna[]">
  </td>
<td id="optrep2">
  <input type="checkbox" value="1" class="warna" id="warna" name="warna[]"> 
  <input type="checkbox" value="2" class="warna" id="warna" name="warna[]">
  </td>

我需要找到指定 div 的选中值有 id小号:optrep0 , optrep1 , optrep2以上，我试过使用

var optrep0= jQuery(':checkbox:checked').map(function () {
    return this.value;
}).get();

并发送optrep0变量到服务器，但它会发送每个选中的值。所以，我只想发送指定的 div s only per variable，我也试过了

 var optrep0= jQuery('#optrep0>#warna:checkbox:checked').map(function () {
     return this.value;
 }).get();

PS:td id 上的子 id 名称不能按原样更改，我只需要 javascript 示例如何解决这种情况，谢谢 :D

Answer 1

在 > 中留出空间并使用 dot上课 warna

Live Demo

var optrep0= jQuery('#optrep0 > .warna:checkbox:checked').map(function () {
    return this.value;
}).get();