<form id="my-form">
<input type='radio' name='test1' value=1>
<input type='radio' name='test1' value=2>
<input type='radio' name='test1' value=3>
<input type='radio' name='test1' value=4>
<input type='radio' name='test2' value=5>
<input type='radio' name='test2' value=6>
<input type='radio' name='test2' value=7>
<input type='radio' name='test2' value=8>
<input type='radio' name='test3' value=9>
<input type='radio' name='test3' value=10>
<input type='radio' name='test3' value=11>
<input type='radio' name='test3' value=12>
<input type="hidden" name="group1" id="group1">
<input type="hidden" name="group2" id="group2">
<input type="hidden" name="group3" id="group3">
<input type="submit" value="go">
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(function() {
$('#my-form').submit(function(){
var group1 = [],
group2 = [],
group3 = [];
$('input[name=test1]').each(function() {
group1.push(this.value)
});
$('input[name=test2]').each(function() {
group2.push(this.value)
});
$('input[name=test3]').each(function() {
group3.push(this.value)
});
$('#group1').val(group1);
$('#group2').val(group2);
$('#group3').val(group3);
console.log($('#my-form').serialize());
return false;
});
});
</script>