如何在HTML链接中使用Javascript带单选按钮

Question

我正在寻找一些帮助，将单选按钮带到链接中的页面上。目前我们针对各种问题进行了测验，有4种可供选择的答案。文本链接工作正常，并推进用户到下一页，但单选按钮不起作用。他们是可点击的，但他们不会推进到下一页。

我该如何将链接内的单选按钮？我希望单选按钮向您发送信息，就像文本链接一样。

下面是测验测试页（需要按开始测验，看看单选按钮）：

http://stephanieshipper.com/test/

下面是从.js文件的代码段：

function updates(questions) { 
 

 
\t for (i = 0; i < 20; i++) { 
 

 
\t \t $("body").append("<article><p>" + questions[i] + "</p><input id='question-" + (i*10) + "-1' type='radio' order='1' name='question-" + i + "-0'><label for='question-" + (i*10) + "-1'>exactly like me</label><br><input id='question-" + (i*100) + "-2' type='radio' order='2' name='question-" + i + "-0'><label for='question-" + (i*100) + "-2'>sort of like me</label><br><input id='question-" + (i*1000) + "-3' type='radio' order='3' name='question-" + i + "-0'><label for='question-" + (i*1000) + "-3'>not really like me</label><br><input id='question-" + (i*10000) + "-4' type='radio' order='4' name='question-" + i + "-0'><label for='question-" + (i*1000) + "-4'>not at all like me</label><br></article>"); 
 

 
} 
 

 
\t motions(); 
 

 
} 
 

 

 

 
function motions() { 
 

 
\t var step = 1; 
 

 
\t results = []; 
 

 
\t var order; 
 

 
\t $("body > article > label").on("click", function() { 
 

 
\t \t $(this).parent().hide(250); 
 

 
\t \t if (step < 20) { 
 

 
\t \t \t $(this).parent().next().show(250); 
 

 
\t \t \t order = parseInt($(this).prev().attr("order")); 
 

 
\t \t \t results[step-1] = order; 
 

 
\t \t \t step++; 
 

 
\t \t } else {

Answer 1

依我之见，您拨打的下一个页面只是如果在实验室用户点击EL标签：

$("body > article > label").on("click", function() {} 

你该怎么需要做它添加单选按钮（您输入的标签），进入这个jQuery

例如：

$("input[type='radio']") 

所以也许会工作：

$("body > article >input[type='radio'] > label").on("click", function() {}