jQuery Reset 选中后退按钮时的单选选项

Posted 2023-05-09

【中文标题】jQuery Reset 选中后退按钮时的单选选项

【英文标题】：jQuery Reset checked radio options on hitting back button

【发布时间】：2015-11-26 16:41:54

【问题描述】：

我有一个表单，其中单选按钮选项在点击提交按钮时被保存。但是当我点击后退按钮时，无线电输入应该重置并检查到默认选项。但是，即使我有第一个带有“checked”属性的输入单选选项，在点击后退按钮后它们仍然没有被选中。 这是我的示例代码：

<label id="label_new_home"><input class="radio_shuttle_pickup" type="radio" name="data[shuttle_pickup][cat]" checked value="airport"><span>Airport</span></label>
<label id="label_new_home"><input class="radio_shuttle_pickup" type="radio" name="data[shuttle_pickup][cat]" value="hotel"><span>Hotel</span></label>
<label id="label_new_home"><input class="radio_shuttle_pickup" type="radio" name="data[shuttle_pickup][cat]" value="other"><span>Other</span></label>

我尝试了以下方法，但没有成功：

$("#form3 input[type=radio]").button("refresh"); 

$("#form3 input[type=radio]").prop("checked", false);

$('#form3').get(0).reset();

$(':input', '#form3')
.not(':button, :submit, :reset, :hidden')
.val('')
.prop('checked', false)
.prop('selected', false)

$("input.radio_shuttle_pickup[value=airport]").prop("checked", true);

任何帮助将不胜感激。

【问题讨论】：

你有这一切在 doc ready 块吗？

是的，我已经尝试将它放入$(document).ready 函数中。还是不行。

你用的是什么版本的jQuery？对于 jQuery .attr('checked', 'checked');

你指的是浏览器的后退按钮吗？

在您的代码中，您如何监听窗口的unload 事件，以便知道何时重置复选框？ ... ID 也是唯一的。

【参考方案1】：

我似乎已经解决了这个问题。 php 代码没有选择最后一个页面变量，该变量没有触发检查单选按钮的 javascript 代码。