从动态创建的单选按钮中获取值并存储在数组中

Question

我已经创建了单选按钮使用for循环。10套单选按钮，每套有4个单选按钮。单击submit时，我将得到数组中所有选中的无线电值和存储的值。但是，如果没有选中任何一组中的单选按钮，我希望，对于这组收音机，一个空值将存储在数组中。例如，如果在第一组中没有选中单选按钮，数组的第0元素应该为null。第二组的校验无线电值应存储在阵列的第一位置。但是我得到了阵列中第0位的第二组无线电值。我的代码

<div id='q_body'></div>
<button type='button' id='submit1'>submit</button>

var x=0; var num_of_opt=4;
var opt=new Array('a','b','c','d');
for(var i=0;i<10;i++){
    var nw="<div class='q'>("+(i+1)+")";
    for(var j=x;j<(x+num_of_opt);j++){  /* create radio */
        nw+="<br/><input type='radio' class='radioClass' name='options"+(i+1)+"' value='"+opt[j]+"'/>"+opt[j]+"<br/>";
    }
    x=j;
    nw+="</div>";
    $("#q_body").append(nw);
}

我尝试过这些代码来将无线电值放入数组中：

var i=0,str=''; var arr=new Array();
$("#submit1").click(function(){
    $('.radioClass:checked').each(function(j){
        arr[i++]=$(this).val();
        str+=ans[i-1];
    });
    console.log(str);
});

如何将未选中的无线电值作为空获得？

Answer 1

试试这个：

var i=0,str=''; var arr=new Array();
$("#submit1").click(function(){
    alert($('.radioClass:not(":checked")').map(function(){
        return $(this).val();}).get());
});

演示：

http://jsfiddle.net/w12rb4g6/