2017-04-03 56 views
0

我正在尋找一些幫助,將單選按鈕帶到鏈接中的頁面上。目前我們針對各種問題進行了測驗,有4種可供選擇的答案。文本鏈接工作正常,並推進用戶到下一頁,但單選按鈕不起作用。他們是可點擊的,但他們不會推進到下一頁。如何在HTML鏈接中使用Javascript帶單選按鈕

我該如何將鏈接內的單選按鈕?我希望單選按鈕向您發送信息,就像文本鏈接一樣。

下面是測驗測試頁(需要按開始測驗,看看單選按鈕):

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 {

+2

如果您打算在選擇後立即轉發單選按鈕,您可能會考慮完全擺脫它們。大多數調查都使用單選按鈕,因此您可以考慮選擇(或更改它),然後再繼續下一步。 –

+0

請勿將單選按鈕放入鏈接中。 – evolutionxbox

+0

如何通過單選按鈕綁定更改事件(在選擇或更改時),然後使用window.location進行重定向? – mtizziani

回答

0

依我之見,您撥打的下一個頁面只是如果在實驗室用戶點擊EL標籤:

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

你該怎麼需要做它添加單選按鈕(您輸入的標籤),進入這個jQuery

例如:

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

所以也許會工作:

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

感謝您的建議。可悲的是,它不起作用。當我嘗試這個時,單選按鈕不會推進測驗,更糟糕的是,鏈接本身現在不起作用。所以,我扭轉了這一變化。這是一個語法問題嗎?任何其他想法如何納入此添加? –

相關問題