引入
<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 }); } }