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 s id，optrep0，optrep1以上的指定optrep2的已检查值，我已尝试使用

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

将optrep0变量发送到服务器，但它会发送每个选中的值。所以，我只想为每个变量发送指定的div，我也试过

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

PS：td id上的sub id名称不能改为，我只需要javascript示例如何解决这种情况，谢谢：D

Answer 1

在>中留出空格，并使用dot用于课程warna

Live Demo

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

Answer 2

尝试使用>使用后代选择器，不要使用:checkbox，只需要:checked

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

Answer 3

我想说最好的方法是

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

DEMO

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

3 个答案: