Javascript 遍历单选按钮组并获取其标签

我想遍历一组动态生成的单选按钮并获取它们的标签，但当我试图打印它们的值时，什么也不显示，请参见此脚本演示以获取示例，下面是我的html，其中将显示生成的按钮

<div data-role="content"> 
    <div data-role="collapsible" data-inset="true">
    <h1>AddVote</h1>
   <div data-role="fieldcontain" >
  <input type="text" name="name" id="question" value=""  /><br>
   <div data-role="controlgroup" data-type="horizontal" >
         <label for="name"><a href="" id="AddButton" data-role="button"
  data-icon="plus">Add</a><a href="" id="RemoveButton" data-role="button" 
  data- icon="delete">Delete</a>

        </label>
        <input type="text" name="option" id="option" value=""  /><br>

        </div>

    <div  data-role="fieldcontain">
     <form name="OptionsForm" id="InputForm" method="get">
    <div id="after" data-role="controlgroup">
    /////Generated radio buttons goes here
    </div>
    </form>
    </div>

    <a href="#approve" id="publishButton" data-role="button" 
     data-inline="true"data-transition="flip">Preview</a>
     </div><!-- /content -->

AddVote




/////生成的单选按钮在这里

下面是获取单选按钮值的脚本：

$('#publishButton').click(function(){
    var result
var y=document.getElementById('question').value
var form='<Question value=' + y + '/>'+'<br>'
alert(form);
$('input:radio').each(function() {
    var value=$('input:radio').val()
    '<option value='+value + '/>'+'<br>'
    alert(result);

    });

$（“#publishButton”）。单击（函数（）{
var结果
var y=document.getElementById（'question'）。值
变量形式=''+'
'
警报（表格）；
$（'input:radio'）。每个（函数（）{
var值=$（'input:radio'）.val（）
“+”
”
警报（结果）；
});

试试这个：

添加
去除
出版
选择一个选项：


函数createRadioElement（元素、标签、选中）{
变量id='选项1'+标签；
$（'#after'）。追加（$（''+标签+''）；
}
$（“#添加按钮”）。单击（函数（）{
var x=document.getElementById（'option'）。值；
createRadioElement（这个，$（'#选项'）.val（）；
});
$（“#移除按钮”）。单击（函数（）{
$（'#after'）.children（）.children（“input[checked='checked']）.parent（）.remove（）；
});
$（“#publishButton”）。单击（函数（）{
var结果；
$（“#输入后：单选”）。每个（函数（）{//仅在#输入后的单选按钮
var value=$（this.next（'label'）.html（）；
警报（值）；
});
});

试试这个：

添加
去除
出版
选择一个选项：


函数createRadioElement（元素、标签、选中）{
变量id='选项1'+标签；
$（'#after'）。追加（$（''+标签+''）；
}
$（“#添加按钮”）。单击（函数（）{
var x=document.getElementById（'option'）。值；
createRadioElement（这个，$（'#选项'）.val（）；
});
$（“#移除按钮”）。单击（函数（）{
$（'#after'）.children（）.children（“input[checked='checked']）.parent（）.remove（）；
});
$（“#publishButton”）。单击（函数（）{
var结果；
$（“#输入后：单选”）。每个（函数（）{//仅在#输入后的单选按钮
var value=$（this.next（'label'）.html（）；
警报（值）；
});
});

以下是一些示例代码，用于返回收音机选项的相关标签

var labels = [];
$('input:radio').each(function(){
  labels.push($('label[for='+$(this).attr('id')+']').text());
});
alert(labels);

---

下面是一些示例代码，它将返回收音机选项的相关标签

var labels = [];
$('input:radio').each(function(){
  labels.push($('label[for='+$(this).attr('id')+']').text());
});
alert(labels);

$（'#发布'）。单击（函数（）{
var labs=$（'：radio+label'），
alertString=[]；
对于（变量i=0，labLen=labs.length；i

$（'#发布'）。单击（函数（）{
var labs=$（'：radio+label'），
alertString=[]；
对于（变量i=0，labLen=labs.length；i

出于知识的考虑，可以使用

$（'input:radio+label'）完成。每个
和直接
$（this）.text（）
哦，在你的答案中复制/粘贴你的特定代码，这真的比只有一个链接要好。发布你自己的答案真的更好。我想我的帮助比你多。你的答案很好，只是如果有一天fiddle死了或删除了你的测试，寻找答案的人就不会得到它。别急。我有太多单选按钮了在我的webApp中，我只想将（#after）div？中生成的单选按钮作为目标。出于知识的考虑，可以使用
$（'input:radio+label'）来完成。每个
和直接
$（this）.text（）
哦，在你的答案中复制/粘贴你的特定代码，这真的比只有一个链接要好。发布你自己的答案真的更好。我想我的帮助比你多。你的答案很好，只是如果有一天fiddle死了或删除了你的测试，寻找答案的人就不会得到它。别急。我有太多单选按钮了在我的webApp中，我只想将（#after）div中生成的单选按钮作为目标？
$('#publish').click(function () {
    var labs = $(':radio + label'),
        alertString =[];
    for (var i = 0, labLen = labs.length; i < labLen; i += 1) {
        alertString[i] = labs[i].id;                      
    };
    alert(alertString.join("\n"));            
});