如何获取div中包含的单选按钮的id集合

Question

我想要使​​用javascript或jquery获取div中包含的所有单选按钮的列表。

例如

<div id="container">
    <input type="radio" id="1">
    <input type="radio" id="2">
    <input type="radio" id="3">
     .... //total no of radio buttons are not known
</div>

我想要一个包含div中包含的所有单选按钮的id的数组。

arr[0]="1"
arr[1]="2"
arr[2]="3"
...
..

Answer 1

var array = new Array();
$('#container input:radio').each(function (index) {
    array[index] = $(this).attr('id');
});

Answer 2

var ids = $('#container :radio').map(function() { return this.id; }).get();

Answer 3

这可能有效：

var arr= [];
$('#container :radio').each(function(){
 arr.push({ "the_id": this.id, "val":this.value })
});
//right now you have a json like array with ID and value and you can access it by `arr[0].the_id` and `arr[0].val`

你只能推送id（没有值，所以不需要花括号），你可以访问像arr[0]这样的元素