<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="JS/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#btn1").click(function() {
var n = $("input:checked").length;
var str = "";
//在所有被选中的input控件中循环,输出它的val
$("input:checked").each(function() {
str += $(this).val() + ";";
})
alert("总共" + n + "个被选中," + "分别是:" + str);
});
$("#btn2").click(function() {
//var m = $("input:radio:checked").val();
var m = $("input[type='radio']:checked").val();
alert(m);
});
//给id为select1的控件加onchange事件
$("#select1").change(function() {
// var str = $("select :selected").text();
//获取select菜单中的option被选中的文本
var str = $("option:selected").text();
alert(str);
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
爱好
<input id="Checkbox1" type="checkbox" value="上网 " />上网
<input id="Checkbox2" type="checkbox" value="看书" />看书
<input id="Checkbox3" type="checkbox" value="睡觉" />睡觉
<input type="button" id="btn1" value="确定" />
</div>
<div id="div2">
<input id="Radio1" type="radio" value="男" name="sex" />男
<input id="Radio2" type="radio" value="女" name="sex" />女
<input type="button" id="btn2" value="选择" />
</div>
<select id="select1">
<option>足球</option>
<option>篮球</option>
<option>羽毛球</option>
</select>
</form>
</body>
</html>