更改了jquery/Javascript单选按钮

Question

我正在使用以下代码来根据单选按钮的选择，使我的表单的某个部分显示或隐藏。但是，如果我离开页面并返回到页面（我离开页面填写表格的其他部分，然后放回主窗体），单选按钮选择的状态不会被记住，即使用户已经做出选择并填写了字段。我用我的JQuery做错了什么？

代码Jquery的单选按钮隐藏/显示：在网页的对单选按钮

$(document).ready(function() { 
       $("[name=delvchoice]").change(function(){ 
        $("#list").toggle($("[name=delvchoice]").index(this)===1); 
       }); 
      }); 

HTML代码：

<div id="list" style="display: none;"> 
         <div> 
         <table> 
          <tr> 
           <td>Should you choose to have Physical Plant Support Services deliver the items for your department you must provide an 
            account number for the labor charge:</td> 
          </tr> 
         </table> 
         <table> 
          <tr> 
           <td>Account Number :</td> 
          <logic:notEmpty name="SurplusSaveForm" property="acctno1" scope="session"> 
           <td> 
            <table border="0"> 
             <tr> 
              <td><bean:write name="SurplusSaveForm" property="acctno1" scope="session"/>- 
               <bean:write name="SurplusSaveForm" property="acctno2" scope="session"/>- 
               <bean:write name="SurplusSaveForm" property="acctno3" scope="session"/>- 
               <bean:write name="SurplusSaveForm" property="acctno4" scope="session"/> 
              </td> 
             </tr> 
            </table> 
           </td> 
          </logic:notEmpty> 
          <logic:empty name="SurplusSaveForm" property="acctno1" scope="session"> 
           <td><html:text size="2" property="acctno1" maxlength="2" onkeyup="nextbox(this,'acctno2');"/>- 
            <html:text size="2" property="acctno2" maxlength="2" onkeyup="nextbox(this,'acctno3');"/>- 
            <html:text size="5" property="acctno3" maxlength="5" onkeyup="nextbox(this,'acctno4');"/>- 
            <html:text size="3" property="acctno4" maxlength="3" onkeyup="nextbox(this,'acctno4');"/> 
           </td> 
          </logic:empty> 
          <td><b><html:submit property="btn_findAccount">Search for and choose</html:submit><br>your Account</b></td> 
          </tr> 
         </table> 
        </div> 

：用于隐藏/显示部

<div> 
        <table> 
         <tr> 
          <td>Will the above items be delivered by your department to the Surplus Warehouse?</td> 
          <td><input type="radio" name="delvchoice" property="delvchoice" value="Yes"/>Yes</td> 
          <td><input type="radio" name="delvchoice" property="delvchoice" value="No"/>No</td> 
          </tr> 
         </table> 
        </div> 

HTML代码

Answer 1

如果你想检查一下，css-tricks在表单存储上有一个不错的截屏。

http://css-tricks.com/video-screencasts/96-localstorage-for-forms/