首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在调查问卷中显示/隐藏按钮

如何在调查问卷中显示/隐藏按钮
EN

Stack Overflow用户
提问于 2013-09-06 02:05:49
回答 1查看 108关注 0票数 0

我试着用if else show/hide /statement/函数让按钮下拉,但是我似乎不能让它工作。我尝试过jquery和javascript,但似乎不起作用。我愿意使用javascript和jquery来实现这一点。

以下是我正在尝试完成的一些示例(注意:这只是出于示例原因而故意这样做的,我非常清楚这不是一个有效的代码):

代码语言:javascript
运行
复制
        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/

EN

回答 1

Stack Overflow用户

发布于 2013-09-06 02:23:10

你的代码乱七八糟!请使用易于理解的变量和id名称。

这是一个demo。只需为每个问题选择任意答案,看看会发生什么。按钮文本按此顺序为q1 q2 q3 q4

您正在使用q4检查颜色,而它实际上是电话类型,所以不是。我的改变已经足够让你明白你的问题了。

代码语言:javascript
运行
复制
$('#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与您提供给元素的类名和值混淆。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18643118

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档