jQuery个人信息注册表
时间: 2023-12-11 11:32:54 浏览: 180
以下是一个简单的jQuery个人信息注册表的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>个人信息注册表</title>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#submit").click(function(){
var name = $("#name").val();
var age = $("#age").val();
var gender = $("input[name='gender']:checked").val();
var hobbies = [];
$("input[name='hobbies']:checked").each(function(){
hobbies.push($(this).val());
});
var info = {
"name": name,
"age": age,
"gender": gender,
"hobbies": hobbies
};
console.log(info);
});
});
</script>
</head>
<body>
<form>
<label for="name">姓名:</label>
<input type="text" id="name"><br>
<label for="age">年龄:</label>
<input type="text" id="age"><br>
<label>性别:</label>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女<br>
<label>爱好:</label>
<input type="checkbox" name="hobbies" value="reading">阅读
<input type="checkbox" name="hobbies" value="music">音乐
<input type="checkbox" name="hobbies" value="sports">运动<br>
<input type="button" id="submit" value="提交">
</form>
</body>
</html>
```
该注册表包含姓名、年龄、性别和爱好四个字段。当用户点击提交按钮时,jQuery会获取表单中的值,并将其存储在一个JavaScript对象中。最后,该对象将被打印到浏览器的控制台中。