s-jquery扩展

最新推荐文章于 2022-08-02 23:26:34 发布

dongsdh

最新推荐文章于 2022-08-02 23:26:34 发布

阅读量56

点赞数

分类专栏：微码文章标签： html5

本文链接：https://blog.csdn.net/dongsdh/article/details/125106704

版权

微码专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
</head>
<body>
	<p>内容</p>
	<form id="div1">
		性别：<input type="text" name="sex" value="男"/><br />
		年龄：<input type="text" name="age" value="18"/><br />
		地址：<input type="text" name="where" value="sichuan"/><br />
		电话：<input type="text" name="phone" value=""/><br />
		政治面貌:<select name="politics">
					<option value="1">群众</option>
					<option value="2">团员</option>
					<option value="3">党员</option>
				</select>
	</form>
	<span>提交</span>
	<script src="jquery.min.js"></script>
	<script>
		$.fn.extend({
		    kuozhan:function(){
		    	var data={};
				$(this).serializeArray().map(function(x){data[x.name]=x.value});
				return data;
		    }
		});
		$("body").on("click","span",function(){
			var formdata = $('#div1').kuozhan();
			console.log(formdata);
		})
	</script>
</body>
</html>