簡體   English   中英

jQuery / Java單選按鈕更改

[英]Jquery/Javascript radio button on change

我使用以下代碼根據單選按鈕的選擇顯示或隱藏表單的特定部分。 但是,如果我離開該頁面並返回到該頁面(我離開該頁面以填寫表單的其他部分,然后將其放回到主表單上),即使用戶仍然無法記住單選按鈕選擇的狀態已經做出選擇並填寫了字段。 我的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>  

如果要簽出css-tricks,可以在表單存儲上進行很好的截屏。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM