单选按钮和显示/隐藏div的jQuery或Javascript解决方案

Question

在初次查看时，我有一个基于用户对单选按钮的响应的show/hide 2 divs的简单要求。

参见JsFiddle：http://jsfiddle.net/P75cv/

真正的复杂性如下。

如果任何问题的单选按钮值为2或1，则显示Div one。如果其中任何问题的值不为2、1或-1，则Div two是只显示。

但是，我还需要进一步检查以执行以下操作，如果显示了div one，并且用户返回并更改响应，使单选按钮没有值或2或1，则div one需要隐藏并显示div two。类似地，如果显示的是div two，但用户返回并更改他们的响应，使任何单选按钮的值为2或1，则需要隐藏div two并显示div one。

最后，用户可以选择保存并返回页面--如果是这样的话，我需要正确的div来显示(根据页面加载？)。

我可以用jQuery和Javascript来显示和隐藏div的简单部分，但是这种复杂程度确实让我头疼--有人能给我提供一个见解或解决方案吗？

Answer 1

因此，在回答我自己的问题时，我使用了以下代码：

<?php
function checking() {
count = 0;
";
for ($i=1; $i<=10; $i++){
echo"   q".$i." = $('input[name=\"q".$i."\"]:checked').val();
    if(q".$i." == 1 || q".$i." == 2){
            document.getElementById('disagree').style.display = 'block';
            document.getElementById('agree').style.display = 'none';
        count = 1;
    }
    ";

    }

    echo" 

    if (count==0){
        document.getElementById('disagree').style.display = 'none';
        document.getElementById('agree').style.display = 'block';
    }

}
?>

正如您所看到的，我在页面上有10个问题，并使用PHP编写脚本，它可以工作。我毫不怀疑，有更有效和更优雅的方法来实现同样的目标。

Answer 2

我将创建执行显示/隐藏例程的基本函数。然后填充一个具有所有单选按钮值的数组，检查该数组是否包含要查找的值，然后调用适当的函数。

我将使用JQuery cookie来存储用户保存并返回页面时应该显示的div。