Fatal编程技术网
  • javascript/
  • Javascript jQuery动态生成单选按钮，然后将值传递给continue按钮

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

javascript html jquery dynamic

Javascript jQuery动态生成单选按钮，然后将值传递给continue按钮,javascript,html,jquery,dynamic,jquery-events,Javascript,Html,Jquery,Dynamic,Jquery Events,我有一个接收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

我有一个接收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 

for（变量i=0；i
在jQuery中最好的方法是什么

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

for（json中的变量i）{
变量输入=$（''，{
键入：“收音机”，名称：“组名”，
值：json[i]，
“课堂”：“我的收音机”
} );
$（'body'）。追加（输入）；
}
$（“#继续”）。单击（函数（）{
选择的var=null；
$（'input.my_radio'）。每个（函数（）{
if（$（this）.attr（'selected'））
selected=$（this.val（）；
});
//用选定的。。。。
});
如果需要的话，您必须用表单元素将其包围起来。顺便说一下，我还没有测试过这个