html代码
<form>
<div class="role">
<input type="radio" name="role" value="顾问" class="radio"/>顾问
<input type="radio" name="role" value="主管" class="radio"/>主管
<input type="radio" name="role" value="运营" class="radio"/>运营<br/>
</div>
<div class="account">
<input type="text" name="username" id="username" placeholder="手机/邮箱/登录账号" /><br/>
<input type="password" name="pwd" id="pwd" placeholder="密码(8-20位,区分大小写)"/>
</div>
<div class="auto_log">
<input type="checkbox" name="autolog" id="autolog"/>下次自动登录
</div>
<div class="log">
<button id="submit" type="button" class="btn" οnclick="Save()">登 录</button>
</div>
<div class="tips">
<p id="tips"></p>
</div>
</form>
js代码
//记住用户名密码
function Save() {
if ($("#autolog").attr("checked")) {
var str_username = $("#username").val();
var str_password = $("#pwd").val();
var str_role = $("input:radio[name='role']:checked").val();
$.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie
$.cookie("username", str_username, { expires: 7 });
$.cookie("password", str_password, { expires: 7 });
$.cookie("role", str_role, { expires: 7 });
}
else {
$.cookie("rmbUser", "false", { expire: -1 });
$.cookie("username", "", { expires: -1 });
$.cookie("password", "", { expires: -1 });
$.cookie("role", "", { expires: -1 });
}
};
$(document).ready(function () {
var role=$.cookie("role");
if ($.cookie("rmbUser") == "true") {
$("#autolog").attr("checked", true);
var _o=document.getElementsByName("role");
for(i=0;i<_o.length;i++)
{
if(_o[i].value==role){_o[i].checked=true;}
}
$("#username").val($.cookie("username"));
$("#pwd").val($.cookie("password"));
}
});