2011-12-05 11 views
0

私は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を使用して、すべてのチェックボックスの値を保持する配列オブジェクトを作成するにはどうすればよいですか?

私はラジオボックスセットのnameの値を保持する配列(questionsArray)を持っています。

私はこれをやってみました:

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

だけでなく、これは例外をスローcannot access value of undefinedん、それはどちらかの配列に追加されていません。

ご協力いただければ幸いです。

+0

:// api.jquery.com/serializeArray/ –

答えて

4

このコードを試してください:あなたは、HTTPをチェックする必要があります

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

は100%完璧に動作します! – Zabs

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

非常に基本的な質問を申し訳ありませんが、そのコードは最終ボタンの 'onclick'にマップされた関数に入りますか? – xbonez

0

以下はarr配列に選択された各ラジオボタンのvalue属性の値を入れます

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