1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <script type="text/javascript" src="../js/jquery-1.8.2.js"></script> 7 </head> 8 <body> 9 <input type="checkbox" value="篮球" checked="checked">篮球</input> 10 <input type="checkbox" value="排球">排球</input> 11 <input type="checkbox" value="羽毛球" >羽毛球</input> 12 <input type="checkbox" value="乒乓球">乒乓球</input> 13 <input type="button" value="选中个数"></input> 14 <input type="button" value="依次显示选中的value"></input> 15 16 17 <script type="text/javascript"> 18 $(":button:first").click(function(){ 19 20 alert($(":checkbox:checked").size()); 21 }); 22 $(":button:last").click(function(){ 23 $(":checkbox[checked=‘checked‘]").each(function(){ 24 alert($(this).val()); 25 }); 26 27 }); 28 </script> 29 </body> 30 </html>