jQuery入门小案例

AndyZzz~

于 2020-09-21 19:44:30 发布

阅读量133

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_44026604/article/details/108717361

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./jquery-3.5.1.min.js"></script>
    <form id="form" action="" method="POST">
        用户名：<input type="text" id="username">
        密码：<input type="password" id="password">
        <input type="submit" value="确定" id="btn">
    </form>

    <div>
        爱好：
        <input type="checkbox" class="hobby">唱歌
        <input type="checkbox" class="hobby">表演
        <input type="checkbox" class="hobby">跳舞
        <input type="checkbox" id="all">全选
    </div>
    <script>
        $('#form').submit(function() {
            var name = $('#username').val();
            if (name == "") {
                alert(111);
                return false;
            }
            return true;
        });

        var tag = false;
        $('#all').click(function() {
            tag = !tag;
            $('.hobby').prop('checked', tag);
        });
    </script>
</body>
</html>

AndyZzz~

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery入门小案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script sr
复制链接

扫一扫

专栏目录