<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>


<script src="jquery-1.3.2.min.js" type="text/javascript"></script>


</head>

<body>

<form id="form1" runat="server">

<div>

<div>

<input type="checkbox" name="group" value="我是1" />我是1

<input type="checkbox" name="group" value="我是2" />我是2

<input type="checkbox" name="group" value="我是3" />我是3

</div>

<p>

</p>

</div>

</form>


<script type="text/javascript">

$(document).ready(function() {


$("input[name=group]").click(function() {

var arr = new Array();

$("input[name=group]:checked").each(function(key, value) {

arr[key] = $(value).val();

})

//join方法将数组以“,”号为分隔符连接成字符串

$("p").text("当前选中" + arr.length + "项,内容是" + arr.join(","));

});

});

</script>


</body>

</html>