jQuery动态生成单选按钮，然后将值传递给continue按钮

Question

我有一个接收JSON响应的页面。如果JSON中有多个选项，它将根据更大的长度在Javascript中使用for循环动态生成一些单选按钮。

像

这样的东西

    for (var i = 0; i < length; i ++){
    alert(i);
        //draw the HTML radio buttons based on the data i++
    }
        //value from radio button button gets passed to a continue button 

在jQuery中最好的方法是什么？

Answer 1

像

这样的东西

for ( var i in json ) {
   var input = $('<input>', { 
     type: 'radio', name: 'group-name', 
     value: json[i], 
     'class': 'my_radio'
   } );
   $('body').append( input );
}

$('#continue').click( function() {
    var selected = null;
    $('input.my_radio').each( function() {
         if ( $(this).attr( 'selected' ) )
             selected = $(this).val();
    });
    // do something with selected....
});

如果需要，您必须使用表单元素将其包围。顺便说一下，我还没有测试过这个。