Jquery 如何在页面刷新后记住选定的单选按钮
我正在使用前一篇文章中提到的localstorage思想： 他们的jfiddle示例工作得很好，但是当我将相同的代码（见下文）合并到本地主机上的网页中时，新的选择在刷新页面后不起作用。我正在引用最新的jquery库- 如有任何建议，我将不胜感激。我肯定我错过了一些简单的东西Jquery 如何在页面刷新后记住选定的单选按钮,jquery,radio-button,local-storage,Jquery,Radio Button,Local Storage,我正在使用前一篇文章中提到的localstorage思想： 他们的jfiddle示例工作得很好，但是当我将相同的代码（见下文）合并到本地主机上的网页中时，新的选择在刷新页面后不起作用。我正在引用最新的jquery库- 如有任何建议，我将不胜感激。我肯定我错过了一些简单的东西 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function()
{
$('input[type=radio]').each(function()
{
var state = JSON.parse( localStorage.getItem('radio_' + this.id) );
if (state) this.checked = state.checked;
});
});
$(window).bind('unload', function()
{
$('input[type=radio]').each(function()
{
localStorage.setItem(
'radio_' + this.id, JSON.stringify({checked: this.checked})
);
});
});
</script>
</head>
<body>
<form method="post">
<input type="radio" name="foo" id="foo1" />foo1<br />
<input type="radio" name="foo" id="foo2" />foo2<br />
<input type="radio" name="bar" id="bar1" />bar1<br />
<input type="radio" name="bar" id="bar2" />bar2<br />
</form>
</body>
无标题文件
$（函数（）
{
$（'input[type=radio]'）。每个（函数（）
{
var state=JSON.parse（localStorage.getItem（'radio_'+this.id））；
如果（state）this.checked=state.checked；
});
});
$（窗口）.bind（'unload'，function（）
{
$（'input[type=radio]'）。每个（函数（）
{
localStorage.setItem(
'radio_'+this.id，JSON.stringify（{checked:this.checked}）
);
});
});
foo1
foo2
bar1
bar2
doctype<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
...
无标题文件
...
This frame>View frame Source还请注意，IE<8中不支持
localStoragedoctype<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
...
无标题文件
...
This frame>View frame Source还请注意，IE<8中不支持
localStoragedoctypelocalStoragedoctypelocalStorage=]this.id=]this.id