<!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> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("input[name=names]").click(function () { var ary = new Array(); $("input[name=names]:checked").each(function (key, value) { ary[key] = $(value).val(); }); $("#msgtxt").text("共选中" + ary.length + "项" + ary.join(",")); }); }); </script> </head> <body> <input type="checkbox" name="names" value="tom" />tom <input type="checkbox" name="names" value="jack" />jack <input type="checkbox" name="names" value="marry" />marry <p id="msgtxt"> </p> </body> </html>