利用cookie和jquery简单实现登录中的“记住我”功能

一、js如何判断checkbox是否选中

$("input[type='checkbox']").is(':checked')

二、简单实现“记住我”

1、html

　　　 <div class="checkbox">
        <label>
          <input type="checkbox" value="记住我" id="remeber-me"  >记住我
        </label>
      </div>

2、本demo使用cookie来保存用户名和密码，其中cookie使用jquery-cookie.js插件，使用帮助请参考链接(https://github.com/carhartl/jquery-cookie)。

3、js相关操作

　　var name=$(".loginName").val();
　　var password=$(".loginpwd").val();
　　if($("input[type='checkbox']").is(":checked")==true){
        //保存数据到cookie
        $.cookie('name', name);
        $.cookie('password', password);
    }else{
        $.removeCookie('name');
        $.removeCookie('password');
    }

 

转载于:https://www.cnblogs.com/kangby/p/7234482.html