jquery小例子,点击显示个数
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>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。