获取所有选中值的列表

时间:2011-12-05 11:01:33

标签: javascript jquery

我的HTML页面上有一堆收音机。有点像这样:

<input type="radio" name="19" class="custom" value="1"/>
<input type="radio" name="19" class="custom" value="2"/>
<input type="radio" name="19" class="custom" value="3"/>

<input type="radio" name="20" class="custom" value="4"/>
<input type="radio" name="20" class="custom" value="5"/>
<input type="radio" name="20" class="custom" value="6"/>

<input type="radio" name="21" class="custom" value="7"/>
<input type="radio" name="21" class="custom" value="8"/>
<input type="radio" name="21" class="custom" value="9"/>

选择所有单选框后,用户点击一个按钮。使用Javascript或Jquery,如何创建一个包含所有复选框值的数组对象?

我有一个数组(questionsArray),其中包含单选框集的name值。

我试过这样做:

for (var i=0; i<questionsArray.length; i++)
{
    document.write(document.getElementsByName(questionsArray[i])[0].value + "<br/>");
}

这不仅会引发异常cannot access value of undefined,也不会将它们添加到数组中。

非常感谢任何帮助。

3 个答案:

答案 0 :(得分:5)

以下内容将每个所选单选按钮的value属性值放入arr数组中:

var arr = [];
$(".custom:checked").each(function () {
    arr.push($(this).val());
});

答案 1 :(得分:1)

试试此代码

$('#buttonId').click( function() {
    var result = '';
    $('input:checked').each(function() {
        result += ',' + $(this).val();
    });
    alert(result);
});

答案 2 :(得分:0)

$( '#my-button-id' ).click( function() {
    var tmp = '';
    $( '.custom:checked' ).each( function() {
        // Do what you want...
        tmp += ' ' + $( this ).val();
    });
    alert( tmp );
});