<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <script src="js/jquery-1.4.2.js"></script> <script src="js/jquery-1.4.2-vsdoc.js"></script> <title></title> <script type="text/javascript"> $(function() { $("input[value=显示选中的内容]").click(function() { alert($("input:checked").val()); }); }); </script> </head> <body> <input type="checkbox" value="上海"/>上海<br/> <input type="checkbox" value="宝鸡"/>宝鸡<br/> <input type="checkbox" value="深圳"/>深圳<br/> <input type="checkbox" value="西安"/>西安<br/> <input type="checkbox" value="北京"/>北京<br/> <input type="submit" value="显示选中的内容"/> </body> </html>
11 元素的each <通过一些过滤器和选择器来遍历each一些元素。>
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <script src="js/jquery-1.4.2.js"></script> <script src="js/jquery-1.4.2-vsdoc.js"></script> <title></title> <script type="text/javascript"> $(function() { $("input[name=names]").click(function() { var arr = new Array(); $("input[name=names]:checked").each(function (key, value) { arr[key] = $(value).val(); }); $("#msgNames").text("共选中"+arr.length+"项:"+arr.join(",")); }); }); </script> </head> <body> <input type="checkbox" value="张辉"/>张辉 <input type="checkbox" value="妈妈"/>妈妈 <input type="checkbox" value="妈妈"/>妈妈 <input type="checkbox" value="妈妈"/>妈妈 <p></p> </body>
以上就是本文的全部内容，希望对大家有所帮助，下篇文章继续介绍JQuery基本知识--JQuery学习总结【二】，有兴趣的朋友可以看下。谢谢对脚本之家的支持！
相关文章
精彩导读
热门资讯
关注我们
