`
齐晓威_518
  • 浏览: 606130 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

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();
                var strname="";
                $("input[name=names]:checked").each(function (key, value) {
                    arr[key] = $(value).val();
                  //或者累加字符
                   strname=$(this).val()+',';
                });
                 if(strname.length>0){
                      strname=strname.substring(0,strame.length-1);
                 }
                $("#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>
分享到：
| js/jquery解析json和数组格式的方法介绍
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery里的each使用方法详解

    jQuery和jQuery对象都实 现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素...

    jquery $.each()使用探讨

    jquery each使用 &lt;/title&gt; [removed][removed] [removed] $(document).ready(function(){ //进行遍历一维数组 var arr1 = [ “aaa”, “bbb”, “ccc” ]; //同c语言不同时变量值使用[] 而不是{} $.each(arr1...

    jQuery each函数源码分析_.docx

    jQuery each函数源码分析_.docx

    jQuery.each-v1.10.2源码

    jQuery.each-v1.10.2源码

    jQuery.each使用详解

    jQuery.each方法是jQuery的核心工具方法之一，通用例遍方法，可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。通常需要两个参数 object:需要例遍的对象或数组。 ...

    jquery 城市选择控件

    jquery 城市选择控件 文本框获得焦点，在下方弹出悬浮层，分组选择城市。 解决了 http://bbs.csdn.net/topics/390339668#new_post 问题

    jquery $.each() 使用小探

    jquery each使用 &lt;/title&gt; [removed][removed] [removed] $(document).ready(function(){ //进行遍历一维数组 var arr1 = [ “aaa”, “bbb”, “ccc” ]; //同c语言不同时变量值使用[] 而不是{} $.each(arr1...

    jQuery的$.each()遍历数组或对象的用法

    $.each()遍历数组或对象的具体用法

    jQuery-each用法全面总结

    jQuery-each用法全面总结，分门别类，有说明，有举例。

    jquery的each（）详细介绍中文WORD版

    资源名称：jquery的each()详细介绍 中文WORD版内容简介：本文档主要讲述的是jquery的each()详细介绍；each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一...

    JQuery跳出each循环的方法

    有些朋友可能会以为在jquery跳出循环可以直接使用continue和break了，但是使用之后没有效果，因为在jquery中没有这两条命令。 后来上网查了下，得到了结果： return false;——跳出所有循环；相当于 javascript 中的...

    jQuery each()方法的使用方法

    jQuery和jQuery对象都实现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素...

    JQuery中each()的使用方法说明

    jQuery和jQuery对象都实 现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素...

    jQuery each和js forEach用法比较

    主要介绍了jQuery each和js forEach用法,结合实例形式对比分析了jQuery each和js forEach具体使用方法及相关操作注意事项,需要的朋友可以参考下

    jquery插件使用方法大全

    　jquery提供了很多便利的函数，如each(fn)，但是使用这些函数的前提是：你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单，通过下面一些方式（只是一部分）： 代码 var a = $("#cid"); var b = $...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    jquery.each 方法 方法一 $("img").each(function(i,elem){ 　// i 下标 从零开始， 　// elem == this 　// $(elem).toggleClass("example"); $(this).toggleClass("example"); }); 方法二 $.each([1,2,3,4],...

    JQuery中使用.each()遍历元素学习笔记

    主要介绍了jquery中使用.each()遍历元素学习笔记,本文从实际项目经验总结而来,需要的朋友可以参考下

    jquery的each()详解.docx

    jquery的each()详解.docx 学习必备

    JQuery each()嵌套使用小结

    主要介绍了JQuery each()嵌套使用，非常适合初学者,需要的朋友可以参考下

    Jquery使用each函数实现遍历及数组处理

    主要介绍了Jquery使用each函数实现遍历及数组处理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

Magicbox
Global site tag (gtag.js) - Google Analytics