0

我正在尝试使用 if else 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/

4

1 回答 1

0

你的代码全乱了！请使用易于理解的变量和 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 与类名和您提供给元素的值混淆。

于 2013-09-05T18:23:09.907 回答