如何顯示/隱藏問卷中的按鈕

Question

我正在嘗試使用if show / hide / statement / function來使按鈕下拉，但是我似乎無法使其正常工作。 我嘗試了jquery和javascript，但似乎無法正常工作。 我願意使用javascript和jquery來完成此任務。

這是我嘗試完成的一些示例（注意：這僅出於示例原因而故意完成，我非常清楚這不是有效的代碼）：

        if (q1 == "iphone3gs") {
            $('.show(iphone3gs)').val('.hide(iphone4 iphone4s iphone5 
iphone5s)').click(function () {
                window.location.href = 'iphone3gs'
            });

        if (q1 == "iphone4") {
            $('.show(iphone4)').val('.hide(iphone3gs iphone4s iphone5 
iphone5s)').click(function () {
                window.location.href = 'iphone3gs'
            });

        if (q1 == "iphone4S") {
            $('.show(iphone4s)').val('.hide(iphone3gs iphone4 iphone5 
iphone5s)').click(function () {
                window.location.href = 'iphone3gs'
            });

        if (q1 == "iphone5") {
            $('.show(iphone5)').val('.hide(iphone3gs iphone4s iphone4 
iphone5s)').click(function () {
                window.location.href = 'iphone3gs'
            });

        if (q1 == "iphone5s") {
            $('.show(iphone5s)').val('.hide(iphone3gs iphone4s iphone5 
iphone4)').click(function () {
                window.location.href = 'iphone3gs'
            });

這是jsfiddle中的完整代碼： http : //jsfiddle.net/wLY7C/3/

無需任何編輯的代碼： http : //jsfiddle.net/nwxLM/

Answer 1

您的代碼都搞砸了！ 請使用易於理解的變量和ID名稱。

這是一個演示 。 只需為每個問題選擇任何答案，然后看看會發生什么。 按鈕文本的順序為q1 q2 q3 q4 。

您正在使用q4檢查它實際上是手機類型時的顏色，所以沒有。 我所做的更改足以使您了解您的問題。

$('#next_button').val("" + q1 + " " + q2 + " " + q3 + " " + q4); return;

//now check the values to display a different link for the desired  configuration
if (q1 == "AT&T" && q2 == "8GB" && q3 == "Black" && q4 == "iPhone-3GS") {
     $('#next_button').val('att 8gb black').click(function () {
          window.location.href = 'http://google.com/'
      });
} 

要顯示隱藏的元素，請使用$(selector).show() ；要隱藏元素，請使用$(selector).hide() 。 不要將ID與您為元素提供的類名和值混淆。