restoring selections in radio buttons

[andersond]

I have a webpage that uses visible and hidden tables to create the effect of going from screen to screen. Because a user might want to go back and change previous selections I have a "previous page" button that goes back to a table that has been made hidden. Text fields retain their values; but, option buttons do not. I am having problems restoring the original selections to the option buttons. I can post the code; but, the javascript functions are very long. If I have a pair of option buttons where the options are Yes and No I assign values to the variable names based on whether or not the "checked" option is true (eg: document.screenOne.nearWater[0].checked=true;). However when I go back to the "page" I cannot restore the original selection by reversing the process. For example, using the example above, if option "0" is "No" the following code does not produce the correct result.

if(document.getElementById('nearWater').value=="No"){
document.screenOne.nearWater[0].checked=true;
} else if(document.getElementById('nearWater').value=="Yes"){
document.screenOne.nearWater[1].checked=true;
}
 

How can I restore the original selections to radio buttons?

[acoder]

If the "page" (div/table) is simply hidden (probably by setting style.display), then it shouldn't affect any elements within the container element. Can you show the code for when you hide a container element, e.g. the function called when clicking Next.

[andersond]

This is the code for the first "page"

 
<script type="text/javascript">
<!-- 
function question(x){
    var itemNumber = x; // question number
 
...
 
    if(x=="1"){
        var y = document.getElementById('pState'); 
        var z = y.options[y.selectedIndex].value; //value from dropdown
        document.getElementById('propertyST').value = z;
 
        if (z=='IN' || z=='IL' || z=='KY' || z=='MO' || z=='OH' || z=='TN'){
            status="ELIGIBLE";
        } else {
            status="REFERRED";
        }
 
            if(document.getElementById('pState').value=="AL"){
                document.getElementById('propertyState').value="Alabama";
            } else if(document.getElementById('pState').value=="AZ"){
                document.getElementById('propertyState').value="Arizona";
            } else if(document.getElementById('pState').value=="AR"){
                document.getElementById('propertyState').value="Arkansas";
            } else if(document.getElementById('pState').value=="CA"){
                document.getElementById('propertyState').value="California";
            } else if(document.getElementById('pState').value=="CO"){
                document.getElementById('propertyState').value="Colorado";
            } else if(document.getElementById('pState').value=="CT"){
                document.getElementById('propertyState').value="Connecticut";
            } else if(document.getElementById('pState').value=="DE"){
                document.getElementById('propertyState').value="Delaware";
            } else if(document.getElementById('pState').value=="DC"){
                document.getElementById('propertyState').value="District of Columbia";
            } else if(document.getElementById('pState').value=="FL"){
                document.getElementById('propertyState').value="Florida";
            } else if(document.getElementById('pState').value=="GA"){
                document.getElementById('propertyState').value="Georgia";
            } else if(document.getElementById('pState').value=="ID"){
                document.getElementById('propertyState').value="Idaho";
            } else if(document.getElementById('pState').value=="IL"){
                document.getElementById('propertyState').value="Illinois";
            } else if(document.getElementById('pState').value=="IN"){
                document.getElementById('propertyState').value="Indiana";
            } else if(document.getElementById('pState').value=="IA"){
                document.getElementById('propertyState').value="Iowa";
            } else if(document.getElementById('pState').value=="KS"){
                document.getElementById('propertyState').value="Kansas";
            } else if(document.getElementById('pState').value=="KY"){
                document.getElementById('propertyState').value="Kentucky";
            } else if(document.getElementById('pState').value=="LA"){
                document.getElementById('propertyState').value="Louisiana";
            } else if(document.getElementById('pState').value=="ME"){
                document.getElementById('propertyState').value="Maine";
            } else if(document.getElementById('pState').value=="MD"){
                document.getElementById('propertyState').value="Maryland";
            } else if(document.getElementById('pState').value=="MA"){
                document.getElementById('propertyState').value="Massachusetts";
            } else if(document.getElementById('pState').value=="MI"){
                document.getElementById('propertyState').value="Michigan";
            } else if(document.getElementById('pState').value=="MN"){
                document.getElementById('propertyState').value="Minnesota";
            } else if(document.getElementById('pState').value=="MS"){
                document.getElementById('propertyState').value="Mississippi";
            } else if(document.getElementById('pState').value=="MO"){
                document.getElementById('propertyState').value="Missouri";
            } else if(document.getElementById('pState').value=="MT"){
                document.getElementById('propertyState').value="Montana";
            } else if(document.getElementById('pState').value=="NC"){
                document.getElementById('propertyState').value="North Carolina";
            } else if(document.getElementById('pState').value=="ND"){
                document.getElementById('propertyState').value="North Dakota";
            } else if(document.getElementById('pState').value=="NE"){
                document.getElementById('propertyState').value="Nebraska";
            } else if(document.getElementById('pState').value=="NH"){
                document.getElementById('propertyState').value="New Hampshire";
            } else if(document.getElementById('pState').value=="NJ"){
                document.getElementById('propertyState').value="New Jersey";
            } else if(document.getElementById('pState').value=="NM"){
                document.getElementById('propertyState').value="New Mexico";
            } else if(document.getElementById('pState').value=="NM"){
                document.getElementById('propertyState').value="New Mexico";
            } else if(document.getElementById('pState').value=="NY"){
                document.getElementById('propertyState').value="New York";
            } else if(document.getElementById('pState').value=="OH"){
                document.getElementById('propertyState').value="Ohio";
            } else if(document.getElementById('pState').value=="OK"){
                document.getElementById('propertyState').value="Oklahoma";
            } else if(document.getElementById('pState').value=="OR"){
                document.getElementById('propertyState').value="Oregon";
            } else if(document.getElementById('pState').value=="PA"){
                document.getElementById('propertyState').value="Pennsylvania";
            } else if(document.getElementById('pState').value=="RI"){
                document.getElementById('propertyState').value="Rhode Island";
            } else if(document.getElementById('pState').value=="SC"){
                document.getElementById('propertyState').value="South Carolina";
            } else if(document.getElementById('pState').value=="SD"){
                document.getElementById('propertyState').value="South Dakota";
            } else if(document.getElementById('pState').value=="TN"){
                document.getElementById('propertyState').value="Tennessee";
            } else if(document.getElementById('pState').value=="TX"){
                document.getElementById('propertyState').value="Texas";
            } else if(document.getElementById('pState').value=="UT"){
                document.getElementById('propertyState').value="Utah";
            } else if(document.getElementById('pState').value=="VT"){
                document.getElementById('propertyState').value="Vermont";
            } else if(document.getElementById('pState').value=="VA"){
                document.getElementById('propertyState').value="Virginia";
            } else if(document.getElementById('pState').value=="WA"){
                document.getElementById('propertyState').value="Washington";
            } else if(document.getElementById('pState').value=="WV"){
                document.getElementById('propertyState').value="West Virginia";
            } else if(document.getElementById('pState').value=="WI"){
                document.getElementById('propertyState').value="Wisconsin";
            } else if(document.getElementById('pState').value=="WO"){
                document.getElementById('propertyState').value="Wyoming";
            }
            document.getElementById('tableCompletionFeedback').background="Images/completionBLUE3%.jpg";
            document.getElementById('percent').innerHTML="3% complete";
 
            document.getElementById('propST').value=document.getElementById('pState').value;
            document.getElementById('percent').style.fontFamily="Arial Narrow"; 
            document.getElementById('percent').style.fontSize="10pt";
            document.getElementById('percent').align="right";
 
            document.getElementById('tableRecap').style.visibility="visible";
 
            document.getElementById('cellOutput01').style.height="10";
            document.getElementById('cellOutput02').style.height="10";
            document.getElementById('cellOutput03').style.height="10";
            document.getElementById('cellOutput04').style.height="10";
            document.getElementById('cellOutput05').style.height="10";
 
            document.getElementById('cellOutput01').style.fontFamily="Arial Narrow"; 
            document.getElementById('cellOutput01').style.fontSize="10pt";
            document.getElementById('cellOutput01').innerHTML="Property is located in "+document.getElementById('propertyState').value;
            document.screenOne.pState.style.backgroundColor="#FFFFFF";
 
            document.screenOne.nearWater1.disabled = false;
            document.screenOne.nearWater2.disabled = false;
 
            document.getElementById('nearWater1').focus();
        }
 
    if(x=="2"){
            document.getElementById('tableCompletionFeedback').background="Images/completionBLUE6%.jpg";
            document.getElementById('percent').innerHTML="6% complete";        
            document.getElementById('nearWater').value=document.getElementById('nearH2O').value;
 
            document.getElementById('percent').style.fontFamily="Arial Narrow"; 
            document.getElementById('percent').style.fontSize="10pt";
            document.getElementById('percent').align="right";
 
            document.getElementById('cellOutput02').style.fontFamily="Arial Narrow"; 
            document.getElementById('cellOutput02').style.fontSize="10pt";
            var limit=document.screenOne.nearH2O.length;
            for (i=0;i<limit;i++) {
            if (document.screenOne.nearH2O[0].checked==true) { // NO
                status="REFERRED";
                document.getElementById('cellOutput02').innerHTML="Property is not located within 10 miles of an ocean, bay, or waterway";
            } else if (document.screenOne.nearH2O[1].checked==true) { // YES
                document.getElementById('cellOutput02').innerHTML="Property is located within 10 miles of an ocean, bay or waterway";
                }
            }
            document.screenOne.mVacant.disabled = false;
            document.screenOne.mVacant.style.border="1px solid #003300"; 
            scroll(0,0);
            document.screenOne.mVacant.focus();
        }
 
    if(x=="3"){
            document.getElementById('tableCompletionFeedback').background="Images/completionBLUE9%.jpg";
            document.getElementById('percent').innerHTML="9% complete";             
            document.getElementById('monthsVacant').value=document.getElementById('mVacant').value;
            document.getElementById('cellOutput03').style.fontFamily="Arial Narrow"; 
            document.getElementById('cellOutput03').style.fontSize="10pt";
            document.getElementById('cellOutput03').innerHTML="Property has been vacant "+rtrim(document.getElementById('monthsVacant').value)+" months";
            if(document.getElementById('mVacant').value > 24){status="REFERRED"}
            document.getElementById('percent').style.fontFamily="Arial Narrow"; 
            document.getElementById('percent').style.fontSize="10pt";
            document.getElementById('percent').align="right";
 
            document.screenOne.mVacant.style.backgroundColor="#FFFFFF";
            document.screenOne.bankrupt1.disabled = false;
            document.screenOne.bankrupt2.disabled = false;
            document.getElementById('bankrupt1').focus();
        }
 
      if(x=="4"){
            document.getElementById('tableCompletionFeedback').background="Images/completionBLUE12%.jpg";
            document.getElementById('percent').innerHTML="12% complete";      
            document.getElementById('bankruptcy').value=document.getElementById('bankrupt').value;
            document.getElementById('percent').style.fontFamily="Arial Narrow"; 
            document.getElementById('percent').style.fontSize="10pt";
            document.getElementById('percent').align="right";
 
            document.getElementById('cellOutput04').style.fontFamily="Arial Narrow"; 
            document.getElementById('cellOutput04').style.fontSize="10pt";
 
            var limit=document.screenOne.bankrupt.length;
            for (i=0;i<limit;i++) {
            if (document.screenOne.bankrupt[0].checked==true) { // NO
                status="REFERRED";
                document.getElementById('cellOutput04').innerHTML="Risk has never filed bankruptcy";
            } else if (document.screenOne.bankrupt[1].checked==true) { // YES
                document.getElementById('cellOutput04').innerHTML="Risk has a previous bankruptcy";
                }
            }
            document.getElementById('cD1').disabled = false;
            document.getElementById('cD2').disabled = false;
            document.getElementById('cD3').disabled = false;
 
            document.getElementById('desiredCoverage').focus();
        }
 
      if(x=="5"){
            document.getElementById('tableCompletionFeedback').background="Images/completionBLUE15%.jpg";
            document.getElementById('percent').innerHTML="15% complete";             
            document.getElementById('percent').style.fontFamily="Arial Narrow"; 
            document.getElementById('percent').style.fontSize="10pt";
            document.getElementById('percent').align="right";
 
            document.getElementById('cellOutput05').style.fontFamily="Arial Narrow"; 
            document.getElementById('cellOutput05').style.fontSize="10pt";
            var limit=document.screenOne.desiredCoverage.length;
            for (i=0;i<limit;i++) {
                if (document.screenOne.desiredCoverage[0].checked==true) { // Property ONLY
                    document.getElementById('coverageDesired').value="property";
                    document.getElementById('tablePropertyCoverage').style.visibility="visible";
                    document.getElementById('cellOutput05').innerHTML="Applicant has requested property coverage ONLY";
 
                } else if (document.screenOne.desiredCoverage[1].checked==true) { // Liability ONLY
                    document.getElementById('coverageDesired').value="liability";
                    document.getElementById('tableLiabilityCoverage').style.visibility="visible";
                    document.getElementById('cellOutput05').innerHTML="Applicant has requested liability coverage ONLY";
 
                } else if (document.screenOne.desiredCoverage[2].checked==true) { // both
                    document.getElementById('coverageDesired').value="both";
                    document.getElementById('tablePropertyCoverage').style.visibility="visible";
                    document.getElementById('tableLiabilityCoverage').style.visibility="visible";
                    document.getElementById('cellOutput05').innerHTML="Applicant has requested both Property and Liability coverage";
                }
            }
            document.screenOne.B1.disabled = false;  
            scroll(0,0);
            document.getElementById('B1').focus();
        }
 

Here's the code for the first "continue" button and the swapnode function.

<script type="text/javascript; version=1.5">
Node.prototype.swapNode = function (node) {
  var nextSibling = this.nextSibling;
  var parentNode = this.parentNode;
  node.parentNode.replaceChild(this, node);
  parentNode.insertBefore(node, nextSibling);
  }  
</script>
 
if(x=="clear1"){
  document.getElementById('tableContainer1').swapNode   document.getElementById('tableContainer0'));
document.getElementById('tableContainer1').style.visibility="hidden";
document.getElementById('tableContainer0').style.visibility="visible";
document.getElementById('tableContainer0').style.visibility="visible";
document.getElementById('insuredName').focus();
            }
 

And, here's the code for the first previous page button

function previousPage(x){// returns user to the previous page
    if(x=='P1'){
                document.getElementById('tableContainer1').swapNode(document.getElementById('tableContainer0'));
                document.getElementById('tableContainer0').style.visibility="hidden";
                document.getElementById('tableContainer1').style.visibility="visible";
                if(document.getElementById('nearH2O').value=="NO"){
                    document.screenOne.nearH2O[0].checked=true;
                } else if(document.getElementById('nearH2O').value!="NO"){
                    document.screenOne.nearH2O[1].checked=true;
                }
                setTimeout("document.getElementById('pState').focus()",100);
        }
 

I know you didn't expect this much code; but the whole script section is 1658 lines.

[acoder]

I'm not sure why you're using swapNode here and why the radio buttons are reset, but the problem can be solved by getting the set of elements and then indexing them:

var nearH2Oval = document.getElementById('nearH2O').value;
var nearH2O = document.screenOne.nearH2O;
if (nearH2Oval == "NO") {
    nearH2O[0].checked=true;
} ...