Question

我的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，也不会将它们添加到数组中。

非常感谢任何帮助。

Answer 1

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

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

Answer 2

试试此代码

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

Answer 3

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

获取所有选中值的列表

3 个答案: