我是 jquery 的新手,但我正在尝试使用它来创建多步骤选项卡式表单。
在其中一页,我有单选按钮,将根据所选的选择显示多个字段。
我发现的问题是,如果用户在选择单选按钮后刷新页面,页面将重新加载并隐藏所有 div,但它会记住所选的单选按钮选项。
有没有一种方法可以在不明确告诉页面加载后发生的情况下最初隐藏 div?也许有一些(简单的)方法让 jquery 记住哪些 div 是隐藏的,哪些是显示的?
Thanks!
<label for="paymentmethod">Payment Method</label>
<input type="radio" name="paymentmethod" id="paymentmethod" value="creditcard">Visa/Mastercard
<input type="radio" name="paymentmethod" id="paymentmethod" value="cheque">Cheque
<div id="divcredit">
Stuff
</div>
<div id="divcheque">
Stuff
</div>
这是我的 jquery 代码:
$(document).ready(function() {
//...stuff
$("#divcredit").hide();
$("#divcheque").hide();
$("input[name='paymentmethod']").change(function() {
if( $("input[name='paymentmethod']:checked").val() == "cheque")
{
$("#divcredit").hide();
$("#divcheque").show();
}
else if($("input[name='paymentmethod']:checked").val()== "creditcard")
{
$("#divcredit").show();
$("#divcheque").hide();
}
});
var setPaymentDivs = function() {
var selected = $('input[name="paymentmethod"]:checked').val();
$('div.payment').hide();
$('#div' + selected).show();
};
$(function() {
setPaymentDivs();
$('input[name="paymentmethod"]').change(setPaymentDivs);
});
and add class="payment"
到div。这滥用了后退按钮和刷新记住表单值的事实。
另一种方法是在某处对当前状态进行编码 - 在 cookie 中、在 URL 哈希中......然后在加载时提取它并相应地设置所有值。优点是,即使您关闭浏览器,并且在 URL 哈希的情况下,即使您将 URL 粘贴到朋友的浏览器中,它也能正常工作。 (好吧,也许不适用于支付系统:D,但你知道我的意思)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)