これ以上苦労せずに、コードをアップロードするだけです
コードコピーは次のとおりです。
<％@ page Language = "c＃" autoeventwireup = "true" codebehind = "web2.aspx.cs" enternits = "Chapter2.Web2"％>
<！doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head runat = "server">
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> </title>
<スクリプトsrc = "jquery-1.8.0.js"> </script>
<script type = "text/javascript">
$（function（）{
$（ "＃sub"）。クリック（function（）{
var str1 = "zhang san：" + $（ "＃name"）。val（）;
var str2 = "gender：" + $（ 'input：radio [name = "sex"]：checked'）。val（）;
var shuzu = [];
$（ '入力：チェックボックス[name = "aihao"]：checked'）。各（function（）{//それぞれ
shuzu.push（$（this）.val（））; //値を配列に割り当てます
}）;
window.alert（str1 + '/n' + str2 + '/n' + "host：" + shuzu）;
}）;
}）;
</script>
</head>
<body>
<form id = "form1" runat = "server">
名前：<入力型= "text" id = "name" /> <br />
性別：<入力タイプ= "Radio" id = "nan" name = "sex" checked = "" balue = " />男性<入力タイプ="ラジオ "id =" nv "name =" sex "value =" female " />>女性<br />
趣味：<入力タイプ= "チェックボックス" />水泳
<入力型= "チェックボックス" name = "aihao" value = "climbing" />登山
<入力タイプ= "チェックボックス" name = "aihao" value = "play ball" />プレイボール
<入力型= "チェックボックス" name = "aihao" value = "cycling" />サイクリング
<入力型= "チェックボックス" name = "aihao" value = "read" /> read
<入力型= "チェックボックス" name = "aihao" value = "chat" /> chat <br />
<入力型= "button" id = "sub" value = "sub" /> <入力タイプ= "ボタン" id = "b" value = "reset" />
</form>
</body>
</html>
コードは非常に簡潔ですが、非常に実用的です。友人は、プロジェクトのニーズに応じてそれを書き直して使用できます。