jquery,each的使用
2011-08-26 10:36
363 查看
jquery的each的使用
<!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>Each</title> <script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script> <script type="text/javascript" language="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> <p>请选择你喜欢吃的水果</p> <p><input name="names" type="checkbox" value="香蕉"/>香蕉</p> <p><input name="names" type="checkbox" value="苹果"/>苹果</p> <p><input name="names" type="checkbox" value="梨子"/>梨子</p> <p><input name="names" type="checkbox" value="桔子"/>桔子</p> <p><input name="names" type="checkbox" value="李子"/>李子</p> <p><input name="names" type="checkbox" value="杏子"/>杏子</p> <p id="msgNames"></p> </body> </html>
相关文章推荐
- jquery中$each()方法的使用指南
- JQuery中使用.each()遍历元素学习笔记
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- 使用JQuery的each
- jquery $.each() 使用小探
- JQuery中each()的使用方法说明
- jQuery中$.each()函数使用
- jQuery中$.each使用详解
- $.each(index,el)方法使用(jQuery)
- jquery $().each和$.each()使用
- 【从0到1学jQuery】jQuery中each()和$.each()的使用
- 【js与jquery】jquery的一个通用的专门用于遍历的全局方法$.each()的使用
- jQuery.each方法,内部使用代码
- JQuery中each()的使用方法说明
- JQuery中each()的使用方法说明
- 使用JQuery的each
- JQuery中使用.each()遍历元素学习笔记
- jquery的each()使用
- jquery 使用each 遍历标签元素,修改标签内容
- jQuery之each的使用