2013-10-05 108 views
0

我有一个问卷,并且如果用户为Select an Option选择选项1或2他们选择什么判断为在问卷结束时显示的链接。取而代之的只有2个选择,我想有3个选项为Select an Option添加第三选项以问卷“选择一个选项”

下面是HTML:

<a id="q1_one" class="step_button next" href="javascript:void(0)">option 1</a> 
<a id="q1_two" class="step_button next" href="javascript:void(0)">option 2</a> 

这是我想补充一个q1_three,但我不知道如何得到它的工作

的JavaScript:

function run_loading_run_4(time_delay, q1) { 
timeoutID3 = window.setTimeout(
function() { 
     run_loading_4(q1); 
}, 
time_delay); 
} 

function run_loading_4(q1) { 
    $('.run_loading_4, .loading').hide(); 
    $('.li_run_loading_4, li_run_loading_5, .run_loading_5, .show_end').fadeIn(); 
    $('#' + q1).show(); 
    } 
$(function() { 

var q1; 

$(document).on('click', '.next', function (e) { 
    e.preventDefault(); 
    $(this).parent().hide().next().fadeIn(); 
    if ($(this).attr('id') === "q1_one") { 
      q1 = "yes"; 
    } else if ($(this).attr('id') === "q1_two") { 
      q1 = "no"; 
    } 

}); 
$(document).on('click', '.run_loading', function (e) { 
    e.preventDefault(); 
    $(this).parent().hide().next().fadeIn(); 
    $('.step4 .loading').show(); 
    run_loading_run_1('2000'); 
    run_loading_run_2('4500'); 
    run_loading_run_3('6500'); 
    run_loading_run_4('8900',q1); 

    }); 
}); 

和答案:如果选择1或2被选择时所显示视。

<div id="yes"> 
    <a class="step_button" href="http://link1.com">I Agree</a> 
</div> 
<div id="no"> 
    <a class="step_button" href="http://link2.com">I Agree</a> 
</div> 

的jsfiddle:通过添加下列行http://jsfiddle.net/8r6eH/

+0

嗨,你还没有指定你想要做什么,当有人点击选项3? –

回答

0

添加选项:
HTML(线#5和#37);

<h2>Select An Option</h2> 
<a id="q1_one" class="step_button next" href="javascript:void(0)">Option 1</a> 
<a id="q1_two" class="step_button next" href="javascript:void(0)">Option 2</a> 
<a id="q1_three" class="step_button next" href="javascript:void(0)">Option 3</a> 

<div id="yes"> 
    <a class="step_button" href="http://link2.com">IF QUESTION 1 = Option 1</a> 
</div> 
<div id="no"> 
    <a class="step_button" href="http://link1.com">IF QUESTION 1 = Option 2</a> 
</div> 
<div id="3rd_option"> 
    <a class="step_button" href="http://link1.com">IF QUESTION 1 = Option 3</a> 
</div> 

和JavaScript(线#57):

if ($(this).attr('id') === "q1_one") { 
    q1 = "yes"; 
} else if ($(this).attr('id') === "q1_two") { 
    q1 = "no"; 
} else if ($(this).attr('id') === "q1_three") { 
    q1 = "3rd_option"; 
} 

jsFiddle

相关问题