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

Question

最初查看时，我有一个简单的要求，即根据用户对单选按钮的响应show/hide两个divs 。

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

实际的复杂性如下。

DIV one要被显示，如果任何的问题，具有2或1格单选按钮值two 仅被显示，如果任何的问题，不具有的2，1的值或-1。

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

最后，用户可以选择保存并返回页面-如果这样做，我需要根据显示的正确div（基于页面加载？）。

在jQuery和Javascript中显示和隐藏div的简单部分，但是这种复杂性确实让我头疼-任何人都可以提供见解或解决方案吗？

Answer 1

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

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

Answer 2

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

<?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编写了脚本并成功运行。 毫无疑问，我可以找到更有效，更优雅的方法来达到目的。