更改了jquery/Javascript单选按钮
问题描述:
我正在使用以下代码来根据单选按钮的选择,使我的表单的某个部分显示或隐藏。但是,如果我离开页面并返回到页面(我离开页面填写表格的其他部分,然后放回主窗体),单选按钮选择的状态不会被记住,即使用户已经做出选择并填写了字段。我用我的JQuery做错了什么?更改了jquery/Javascript单选按钮
代码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代码
答
如果你想检查一下,css-tricks在表单存储上有一个不错的截屏。
http://css-tricks.com/video-screencasts/96-localstorage-for-forms/
+0
请注意,例如Opera 10和IE7不支持HTML5本地存储。来源:http://www.quirksmode.org/dom/html5.html – avall 2012-02-01 17:34:39
你说的意思是“当我离开的页面”?你只是展示另一个div,或者你导航到一个全新的页面? – 2012-02-01 17:09:02
如果您希望设置保持不变,您将需要使用cookie来保存状态。 – 2012-02-01 17:10:08
我导航到一个完全不同的页面(例如,如果我点击搜索帐户按钮,用户被带到一个新的页面,让他们搜索他们的帐号,如果他们不知道) – Evilsithgirl 2012-02-01 17:10:16