<!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>