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

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....
});

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