我正在尋找一些幫助,將單選按鈕帶到鏈接中的頁面上。目前我們針對各種問題進行了測驗,有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 {
如果您打算在選擇後立即轉發單選按鈕,您可能會考慮完全擺脫它們。大多數調查都使用單選按鈕,因此您可以考慮選擇(或更改它),然後再繼續下一步。 –
請勿將單選按鈕放入鏈接中。 – evolutionxbox
如何通過單選按鈕綁定更改事件(在選擇或更改時),然後使用window.location進行重定向? – mtizziani