jquery cookie 实现记住密码功能

来源:互联网 发布:排版设计软件有哪些 编辑:程序博客网 时间:2024/06/05 12:51

引入

<script src="../../plugins/jquery-1.8.3.min.js"></script><script src="../../plugins/jquery.cookie.js"></script>


html代码

<div class="tips clearfix">   <label><input type="checkbox" id="rmbUser" name="checkbox" value="checkbox" style="zoom:140%;">      <div style="margin-top: -25px;margin-left: 60px">记住用户名</div>   </label></div>

style="zoom:140%" 是调整复选框的大小


JS代码

function remPassword() {    //判断复选框是否选中    $("#rmbUser").attr("checked");}

//保存用户信息function saveUserInfo() {    remPassword();    if ($("#rmbUser").attr("checked") == "checked") { // 获取cookie        var userName = $("#users").val();        var passWord = $("#pwd").val();        $.cookie("rmbUser", "true", { expires: 7 }); // 存储一个带7天期限的 cookie        $.cookie("userName", userName, { expires: 7 }); // 存储一个带7天期限的 cookie        $.cookie("passWord", passWord, { expires: 7 }); // 存储一个带7天期限的 cookie    }    else {        $.cookie("rmbUser", "false", { expires: -1 });        $.cookie("userName", '', { expires: -1 });        $.cookie("passWord", '', { expires: -1 });    }}

原创粉丝点击