猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

怎么用localstorage保存checkbox的状态

在用jquery mobile，想知道怎么用localstorage 保存checkbox的状态

小唯快跑啊
浏览 1206回答 1
1回答

慕尼黑8549860

<!DOCTYPE&nbsp;html> &nbsp;<html> &nbsp;&nbsp;<head>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;<meta&nbsp;charset="UTF-8">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<title>Document</title>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<script&nbsp;src="jquery.min.js"> &nbsp;&nbsp;&nbsp;</script>&nbsp;</head>&nbsp;<body>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<input&nbsp;type="checkbox"&nbsp;name=""&nbsp;id="cb"&nbsp;/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<script>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;$("#cb").change(function(){&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;b&nbsp;=&nbsp;$(this).is(":checked");&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;localStorage.setItem('checkbox',&nbsp;b);&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(function(){&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(localStorage.checkbox&nbsp;==&nbsp;"true"){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#cb").prop("checked",&nbsp;"checked");&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</script>&nbsp;</body>&nbsp;</html>
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript