15獲取表單的引數字串
阿新 • • 發佈：2022-04-18
<head>
<meta charset="UTF-8">
<title>9.獲取表單的引數字串</title>
</head>
<body>
<form id="form1">
<div>使用者名稱: <input type="text" name="userName" value="無名氏"></div>
<div>密碼: <input type="password" name="password" value="123456"></div>
<div>性別:
<input type="radio" name="gender" value="1">男
<input type="radio" name="gender" value="2">女
<input type="radio" name="gender" value="0" checked>保密
</div>
<div>愛好:
<input type="checkbox" name="hobby" value="睡覺" checked>睡覺
<input type="checkbox" name="hobby" value="美食">美食
<input type="checkbox" name="hobby" value="休閒">休閒
<input type="checkbox" name="hobby" value="旅遊">旅遊
</div>
<div>職務:
<select name="roleId">
<option value="1">總經理</option>
<option value="2">經理</option>
<option value="3">主管</option>
<option value="4" selected>職員</option>
</select>
</div>
<div>
<input type="button" value="獲取引數字串">
</div>
</form>
<hr>
<div id="show"></div>
</body>
<script src="js/jquery-1.8.3.js"></script>
<script>
$("#form1 :button:eq(0)").on("click", function () {
let param = $("#form1").serialize();
$("#show").html(param)
})
</script>