Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何创建个性测验?_Jquery_Html_Wordpress - Fatal编程技术网

Jquery 如何创建个性测验?

Jquery 如何创建个性测验?,jquery,html,wordpress,Jquery,Html,Wordpress,我不是一个很好的程序员,但我已经想出了这个例子。我正试图为我的WordPress网站设计一个个性测验,我希望这个测验能根据用户选择的单选按钮选项给出不同的答案 例如,在下面的问题中,如果用户单击选项a并按“提交”,我希望显示“欢迎”,但如果用户单击选项B并按“提交”,我希望显示“你好!”出现。这个测验是我打算做的事情的一个例子: 1。你多大了? A.1-50。 B.50-100。 这样就可以了 $('input').click(function(){ if($(this).attr('v

我不是一个很好的程序员,但我已经想出了这个例子。我正试图为我的WordPress网站设计一个个性测验,我希望这个测验能根据用户选择的单选按钮选项给出不同的答案

例如,在下面的问题中,如果用户单击选项a并按“提交”,我希望显示“欢迎”,但如果用户单击选项B并按“提交”,我希望显示“你好!”出现。这个测验是我打算做的事情的一个例子:

1。你多大了?
A.1-50。
B.50-100。
这样就可以了

$('input').click(function(){
    if($(this).attr('value') == "A"){
      alert("WELCOME");
    } else {
      alert("HELLO");
    }
});
我想这就是你要找的。
这里有一个

我认为最好的方法是将无线电输入放到一个表单中,然后将表单发布到主题中的php脚本中。 表格应该是这样的

<form action="getResults.php" method="post">
    <h3>1. How old are you?</h3>
    <input type="radio" name="q1" value="A" /> A. 1-50.
    <input type="radio" name="q1" value="B" /> B. 50-100.

    <input class="button" type="submit" value="Submit" /> <input type="reset" value="Clear" />
</form>

1.你多大了?
A.1-50。
B.50-100。
然后在getResults.php中检查设置了哪些单选按钮,并从中生成输出:

<?php
if ( isset( $_REQUEST['q1'] ) ) {
    if ($_REQUEST['q1'] == 'A'){
        $output .= 'Welcome!';
    }
    else if ($_REQUEST['q1'] == 'B'){
        $output .= 'Hello';
    }
}
echo $output;
?>

您可能希望在结果页面中包含此脚本


希望这有帮助

你被困在哪里了?我不知道在“getResults()”函数之后该去哪里。我们不知道什么是getResults()函数。。。提供相关代码我没有getResults函数的代码。。。这就是我被卡住的地方。另外,您可以在每个消息中添加一个名为message的值,然后让message作为警报发出。这就是我在上一条评论中提到的方法。谢谢,但是有没有一种方式可以让欢迎在问题下方显示为文本,并且只有在用户单击1-50单选按钮并单击提交后才会显示?你可以做到,这一点都不难做到。这是你的选择。获取复选框的值,并在文本框下方追加文本。。不要太狡猾。这将起作用,但你需要指向一个来源,你可以让它出现在任何地方,但这应该让你开始。嗯。。。代码似乎不起作用,按submit后getResults页面显示为空白页面。我将PHP代码改为使用request,试试看。这是服务器端的方式,显示了jQuery客户端的方式
<?php
if ( isset( $_REQUEST['q1'] ) ) {
    if ($_REQUEST['q1'] == 'A'){
        $output .= 'Welcome!';
    }
    else if ($_REQUEST['q1'] == 'B'){
        $output .= 'Hello';
    }
}
echo $output;
?>