Jquery/Javascript单选按钮更改
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技巧在表单存储上有一个很好的屏幕截图,如果你想查看的话。
http://css-tricks.com/video-screencasts/96-localstorage-for-forms/
相关文章:
- Javascript:无法获取变量中的单选按钮值
- 用于选择MVC3中单选按钮值的JavaScript
- Javascript:图像与单选按钮的值不匹配
- 如何在Javascript中将单选按钮值保存到cookie中
- 注入Javascript以选择具有指定值的所有单选按钮
- Javascript:单选按钮,并显示基于vaule的图像
- Javascript:单击单选按钮时显示图像
- 在Javascript中选择Dynamicly Created单选按钮组并显示内部文本
- Spring WebFlow2 Javascript只在第一个单选按钮上工作
- 数据切换=“;按钮”;在JavaScript中无法识别引导程序单选按钮
- Rails-带有单选按钮的表单,带有启用/禁用附加元素的javascript操作
- JavaScript:如何用变量填充单选按钮值和标签
- Javascript/Jquery将选择列表更改为单选按钮
- 表单验证上的彩色单选按钮-Javascript
- 带有单选按钮 JavaScript 的随机测验
- 保存状态单选按钮javascript html
- 验证信用卡号码和选中的单选按钮javascript
- 选中单选按钮javascript时显示相关内容
- 单选按钮javascript验证
- 需要帮助检查验证的单选按钮JavaScript