`
齐晓威_518
  • 浏览: 617912 次
  • 性别: 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`中，`each()`有两种主要的使用场景，一种是针对数组或对象，另一种是针对`jQuery`对象。 首先，当`each()`用于遍历数组时，它会按顺序对数组中的每个元素调用提供的函数`fn`。如果`fn`在执行过程中返回`...

    jquery $.each json 获取json 数据

    本篇文章将深入探讨如何使用jQuery的$.each函数来获取并处理JSON数据。 首先，我们需要了解JSON（JavaScript Object Notation），这是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON...

    jQuery each函数源码分析_.docx

    《jQuery each函数源码分析》 jQuery库中的`each`函数是其核心功能之一，它提供了遍历数组和对象的能力，使得开发者能够方便地对集合中的每个元素进行操作。在这个文档中，我们将深入探讨`each`函数的源码，了解其...

    jQuery.each-v1.10.2源码

    jQuery.each-v1.10.2源码

    jquery 城市选择控件

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

    jQuery.each使用详解

    `jQuery.each`是jQuery库中的一个核心方法，用于遍历对象和数组。它是一个非常灵活且功能强大的工具，尤其在处理数据迭代时非常有用。这个方法有两个主要的参数：`object`，即需要遍历的对象或数组，以及`callback`...

    jquery的几种使用方法

    本篇文章将详细探讨jQuery的几种使用方法，帮助你更好地理解和运用这一强大的工具来提升网页设计的效率和用户体验。 1. **DOM操作**：jQuery的核心功能之一就是对HTML文档对象模型（DOM）进行操作。通过选择器，如`...

    jquery $.each() 使用小探

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

    jQuery-each用法全面总结

    ### jQuery-each用法全面总结 #### 一、概述 `jQuery.each` 是一个非常实用且灵活的方法，用于遍历JavaScript中的对象、数组以及其他可枚举的数据结构。它支持多种用法，包括带有附加参数的遍历以及不带附加参数的...

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

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

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

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

    jquery的each()详解.docx

    jQuery的`each()`函数是其核心功能之一，它提供了对数组、对象以及DOM元素进行迭代操作的能力，大大简化了JavaScript中的循环处理。下面我们将详细探讨`each()`的各种用法和应用场景。 首先，`each()`在处理一维...

    JQuery each()嵌套使用小结

    JQuery中提供了一个非常实用的方法each()，该方法可用于遍历数组或对象的每一个元素，并且该方法支持嵌套使用，使得在操作DOM元素时变得更加灵活和方便。 JQuery each()方法主要有两种形式：遍历数组和遍历对象。当...

    JQuery跳出each循环的方法

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

    jQuery 遍历的 each() 方法

    在jQuery源码中，`each()`方法实现了迭代逻辑，它使用`Array.prototype.forEach`（如果浏览器支持）或传统的for循环来遍历元素。同时，`each()`还确保了回调函数能够访问到jQuery对象和上下文。 ```javascript each...

    jquery的each方法使用示例分享

    以下是一些`jQuery.each`方法的使用示例： ```javascript // 遍历DOM元素集合 $('div').each(function(index, element) { console.log('这是第' + index + '个div元素:', element); }); // 遍历对象属性 var obj ...

    JQUERY精选使用方法

    ### JQUERY精选使用方法 #### 一、页面元素的引用 在使用jQuery的过程中，通过`$()`函数选择页面中的元素是十分基础的操作。这个选择器支持多种方式来定位DOM元素，比如通过ID、类名、元素名称甚至是复杂的DOM或...

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

    接下来我们将详细探讨如何使用jQuery的`each()`函数进行遍历和数组处理。 首先，`each()`函数的基本语法是： ```javascript $.each(object, function(index, value){ // 在这里编写循环体的代码 }); ``` 1. **...

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