Question

我不是一个程序员，但我想出了这个例子。我正在尝试为我的WordPress网站设计个性测验，我希望测验根据他们选择的单选按钮选项为用户提供不同的答案。

例如，在下面的问题中，如果用户单击选项A并按下提交，我想要显示“欢迎”之类的内容，但如果用户单击选项B并按下提交，则需要“Hello！”之类的内容。出现。这个测验是我想要做的事情的一个例子：Quiz-Site。

<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" onclick="getResults()" type="submit" value="Submit" />
<input type="reset" value="Clear" />

Answer 1

那就行了。

$('input').click(function(){
    if($(this).attr('value') == "A"){
      alert("WELCOME");
    } else {
      alert("HELLO");
    }
});

我认为这就是你要找的东西。这是jsfiddle

Answer 2

我认为最好的方法是在表单中输入无线电输入并将表单POST到主题中的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>

然后在getResults.php中检查设置了哪些单选按钮并从那里构建输出：

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

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

希望这有帮助！

如何创建个性测验？

2 个答案: