更改时的Jquery/Javascript单选按钮

Question

我使用以下代码根据单选按钮的选择来显示或隐藏表单的某个部分。但是，如果我离开页面并返回到页面(我离开页面以填写表单的其他部分，然后将这些部分放回到主表单上)，即使用户已经进行了选择并填写了字段，单选按钮选择的状态也不会被记住。我的Jquery做错了什么吗？

Jquery单选按钮隐藏/显示的代码：

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

单选按钮页面的HTML代码：

<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代码：

<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>  

Answer 1

css-tricks在表单存储上有一个很好的截屏视频，如果你想看看的话。

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