如何獲取複選框的值和其旁邊的下拉菜單的選定值

Question

我有一個表格，前兩列是一個複選框和一個下拉菜單。我想獲取複選框的值以及其旁邊的選定項目的值，並將其放入數組中。實質上，我想要的是這樣的：

[Object { name="blabla", value="bla"} , Object {name='s1' value='3'}]。

第一個對象是複選框，第二個對象是下拉菜單。我玩了一下.closest，但我似乎無法將它們鏈接在一起。

這裏是一個小提琴：http://jsfiddle.net/vulkoingim/kuB67/

Answer 1

試試這個：

$(document).ready(function() { 
    var arr = []; 
    $('#test').click(function() { 
     $("#t tr").each(function() { 
      $this = $(this) 
      var $checkbox = $this.find("input:checkbox") 
      var $select = $this.find("select[id^=s]"); 
      arr.push({ 
       name: $checkbox.attr('name'), 
       value: $checkbox.val() 
      }); 
      arr.push({ 
       name: $select.attr('id'), 
       value: $select.val() 
      }); 
     }); 
     console.log(arr); 
    }); 
}); 

DEMO FIDDLE HERE