jquery插件——cookie

最新推荐文章于 2024-08-09 07:58:04 发布

酷jjs

最新推荐文章于 2024-08-09 07:58:04 发布

阅读量525

点赞数

分类专栏：前端笔记 jquery jquery插件文章标签： jquery cookie jquery插件

本文链接：https://blog.csdn.net/qq_32584661/article/details/69385140

版权

前端笔记同时被 3 个专栏收录

165 篇文章 2 订阅

订阅专栏

jquery

32 篇文章 0 订阅

订阅专栏

jquery插件

7 篇文章 0 订阅

订阅专栏

记住用户名效果：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery插件cookie</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <style>

    </style>
</head>
<body>

<label for="username">用户名：</label><input type="text" name="username" id="username"><br>
<input type="checkbox" name="check" id="check">记住用户名

<script>

    $(function(){
        var COOKIE_NAME = 'username';
        if( $.cookie(COOKIE_NAME) ){
            $('#username').val( $.cookie(COOKIE_NAME) );

        };
        $('#check').click(function () {
            if(this.checked){
                $.cookie(
                        COOKIE_NAME,
                        $('#username').val(),
                        {
                            path:'/',
                            expires:10
                        }
                )
            }else{
                $.cookie(
                        COOKIE_NAME,
                        null
                )
            }

        })

    });
</script>

</body>
</html>