jquery.cookie.js实现记住手机号功能

2019-06-16   阅读:3433   类型:前端   分类:jQuery    标签: jQuery

记住账号或者密码,在很多网站上都可以看到,以下是一个简单的方法,用到的是 jquery.cookie.js ,供大家参考

注意:cookie必须在线上才能起效的哦。

附件下载地址:

jquery.cookie.txt

百度云盘下载地址:

链接:https://pan.baidu.com/s/14h5EsL3Z4U3bGSssbByEjA

提取码:9rza

html代码:

  //引入jquery.cookie.js
  <script src="jquery.cookie.js"></script>
    <h1 class="title3">电话<span>*</span></h1>
    <div class="inp4">
       <input type="text" class="telkel">
    </div>
  <div class="inp5">
    <label for="remnuber">
	<input type="checkbox" class="remnuber" id="remnuber">自动输入历史手机号
    </label>
    <span onclick="book()">《个人信息授权书》</span>
  </div>
  <a href="javascript:;" onclick="sumit()" class="sumirtart">登录</a>

逻辑代码:

<script>
    function sumit(){
        var telkel=$('.telkel').val();
        // SetCookie
	if (document.getElementById("remnuber").checked == true) { //判断是否勾选
	    $.cookie('telkel', telkel); 
	}else{
	    $.cookie("telkel", "", { expires: -1 });
	}
    }
    $(function(){
	var username = $.cookie('telkel');
	  console.log(username)
	//将获取的值填充入输入框中
	$('.telkel').val(username);
	if($('.telkel').val() != null && $('.telkel').val() != ''){//选中保存秘密的复选框
	    $("#remnuber").attr('checked',true);
	    }
	})
</script>


【腾讯云】2核2G云服务器新老同享 99元/年,续费同价,云服务器3年机/5年机限时抢购,低至 2.5折

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/145.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录
简忆博客壁纸一
简忆博客壁纸二
简忆博客壁纸三
简忆博客壁纸四
简忆博客壁纸五
简忆博客壁纸六
简忆博客壁纸七
简忆博客壁纸八
头像

简忆博客
勤于学习,乐于分享

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×