21.3 使用userdata保存checkbox标记.htm
来自「这是一些常用的JavaScript的特效的源码和教程」· HTM 代码 · 共 27 行
HTM
27 行
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<style>
.userData {behavior:url(#default#userdata);}
</style>
</head>
<body>
<input type=checkbox id=myChk class=userData>这是使用了UserData的复选框
<script language="javascript">
var obj=document.all.myChk; //获取复选框
obj.attachEvent('onclick',saveChecked) //为复选框绑定单击事件
function saveChecked(){
obj.setAttribute("bCheckedValue",obj.checked);//单击后保存复选框的选中状态
obj.save("oChkValue"); //保存在指定名称的存储区域
}
window.attachEvent('onload',loadChecked) //绑定加载事件
function loadChecked(){
obj.load("oChkValue"); //找到指定名称的存储区域
var chk=(obj.getAttribute("bCheckedValue")=="true")?true:false;//根据变量值,设置chkbox的选中状态
obj.checked=chk;
}
</script>
<br /><input type=checkbox id=Checkbox1>这是没使用UserData的复选框
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?