jquery获取页面信息并给控制台打印输出

最新推荐文章于 2024-04-16 01:51:10 发布

qq_55014991

最新推荐文章于 2024-04-16 01:51:10 发布

阅读量1.1k

点赞数

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/qq_55014991/article/details/126353846

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link type="text/css" rel="stylesheet" href="from.css"/>
		<script src="../jquery-3.6.0.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#btn").click(function(){
					var username = $('#i1').val();
					console.log(username);
					var pwd = $("#i2").val();
					console.log(pwd);
					var sex = $(":radio:checked").val(); 
					console.log(sex);
					var hobby = $(":checkbox:checked").val();
					console.log(hobby);
					var star = $(":input[name='constellation']").val();
					console.log(star);
				})
			})
		</script>
	</head>
	<body>
		<div style="background-color: azure;height: 35px;">
		<p>位置信息&emsp;<a href="#">首页</a>&emsp;-->&emsp;<a href="#">注册</a></p>
		</div>
		<p style="font-size: 20px;"><b>注册信息</b></p>
		<div>
		<div style="background-color: aqua;height: 5px;width: 80px;"></div>
		<div style="background-color: black;height: 2px;float: left;width: 6000px;"></div>
		</div>
		<div id="div1" >
			<div id="div2">
		<form  s>
			账号 <input type="text" name="userName" placeholder="请输入账号" id="i1"/><br /><!-- 换行-->
			密码 <input type="password" name="pwd" placeholder="请输入密码"/ id="i2"><br />
			性别 <input type="radio" name ="sex" value="male" id="s1"/>男
			<input type="radio" name ="sex" value="female" id="s2"/>女 <br />
			爱好 <input type="checkbox" name="hobby" value="basketball"/>篮球
				<input type="checkbox" name="hobby" value="football" />打篮球
				<input type="checkbox" name="hobby" value="playVideogames"/>打游戏
				<input type="checkbox" name="hobby" value="palyPin_pon"/>打乒乓球<br />
			星座 <select name="constellation" id="i3">
				<option value="1">白羊</option>
				<option value="2">金牛</option>
				<option value="3">巨蟹</option>
				<option value="4">水瓶</option>
				<option value="5">双子</option>
				<option value="6">处女</option>
			</select><br />
			<span style="vertical-align:top">备注</span><textarea name="summary" rows="4" cols="20" id="i4"></textarea><br />
			<div style="margin-left:50px ;margin-top:12px ;">
			<input  type="button"  value="注册" id="btn">
			</div>
		</form>
		</div>
		</div>
	</body>
</html>