使用jquery.cookie.js插件实现记住密码功能

1.先导入要用到类库

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="../jquery.cookie.js"></script>

具体路径要看大家的文件放哪了哈，顺序不能颠倒，要不会出现错误，jquery.cookie.js文件是依赖jquery.js的。

2.jquery代码

</pre><pre class="javascript" name="code"><script type="text/javascript">$(function(){if($.cookie("username")){$("#username").val($.cookie("username"));}if($.cookie("password")){$("#password").val($.cookie("password"));}})function saveCookie(){if($("#chkSave").is(":checked")){$.cookie("username",$("#username").val(),{expires:7})$.cookie("password",$("#password").val(),{expires:7})}else{$.cookie("username",null,{expires:0})$.cookie("password",null,{expires:0})}}</script>

3.表单如下

<form id="form1"> <div> 用户名:<input type="text" id="username" > <input type="password" id="password"> 密码：<input type="checkbox" id="chkSave" />记住密码 <button type="submit" id="submit" value="登录" onClick="saveCookie()"/> </div> </form> 

4.其中判断复选框是否被选中的方法是$("#chkSave").is(":checked") 实测有效。仅供参考