`
chinacq
  • 浏览: 37232 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JS循环添加事件

阅读更多
    对于JS循环添加事件,就和网上遇到情况一样,输出的值一直都是那个循环的最大i值。如何添加循环事件呢?我也是在无意中突然想到的,以下代码供大家参考,希望对你们的编程有帮助。
for(var t = 0;t < isCheckName.length;t++){
                    Goodsid[t] = document.getElementById("Goodsid"+t);
                    Goods_id[t] = document.getElementById("Goods_id"+t);
                    Goods_name[t] = document.getElementById("Goods_name"+t);
                    provider[t] = document.getElementById("provider"+t);
                    Produce_place[t] = document.getElementById("Produce_place"+t);
                    Size[t] = document.getElementById("Size"+t);
                    Package[t] = document.getElementById("Package"+t);
                    Product_code[t] = document.getElementById("Product_code"+t);
                    Promit_code[t] = document.getElementById("Promit_code"+t);
                    Description[t] = document.getElementById("Description"+t);
                    Price[t] = document.getElementById("Price"+t);
                    Available[t] = document.getElementById("Available"+t);
                    isCheck[t] = document.getElementById("isCheck"+t);
                }
var importGoodsListTr = new Array();//插入行

                alert(new Date());

                  for( var n = 0;n<isCheck.length;n++){
                     isCheck[n].value=n;
                       isCheck[n].onclick=function(){
                         var i =  this.value;
                         if(isCheck[i].checked == true){
                             importGoodsListTr[i]= importGoodsList.insertRow(importGoodsList.rowIndex+1);

                            var importGoodsListTd0=importGoodsListTr[i].insertCell(0);
                            importGoodsListTd0.innerHTML=Goodsid[i].innerHTML;

                            var importGoodsListTd1=importGoodsListTr[i].insertCell(1);
                            importGoodsListTd1.innerHTML=Goods_id[i].innerHTML;

                            var importGoodsListTd2=importGoodsListTr[i].insertCell(2);
                            importGoodsListTd2.innerHTML=Goods_name[i].innerHTML;

                            var importGoodsListTd3=importGoodsListTr[i].insertCell(3);
                            importGoodsListTd3.innerHTML=provider[i].innerHTML;

                            var importGoodsListTd4=importGoodsListTr[i].insertCell(4);
                            importGoodsListTd4.innerHTML=Produce_place[i].innerHTML;

                            var importGoodsListTd5=importGoodsListTr[i].insertCell(5);
                            importGoodsListTd5.innerHTML=Size[i].innerHTML;

                            var importGoodsListTd6=importGoodsListTr[i].insertCell(6);
                            importGoodsListTd6.innerHTML=Package[i].innerHTML;

                            var importGoodsListTd7=importGoodsListTr[i].insertCell(7);
                            importGoodsListTd7.innerHTML=Product_code[i].innerHTML;

                            var importGoodsListTd8=importGoodsListTr[i].insertCell(8);
                            importGoodsListTd8.innerHTML=Promit_code[i].innerHTML;

                            var importGoodsListTd9=importGoodsListTr[i].insertCell(9);
                            importGoodsListTd9.innerHTML=Description[i].innerHTML;

                            var importGoodsListTd10=importGoodsListTr[i].insertCell(10);
                            importGoodsListTd10.innerHTML=Price[i].innerHTML;

                            var importGoodsListTd11=importGoodsListTr[i].insertCell(11);
                            importGoodsListTd11.innerHTML=Available[i].innerHTML;
                         }else{
                             importGoodsList.deleteRow(importGoodsList.rowIndex+1);
                         }
                       }
                   }
    大家注意红色字体的内容:将需要循环添加事件的对象的value设定为循环变量n,此时如何操作其它的数组对象呢?重点的来了,那就是设置一个i变量: var i =  this.value;这就得到了原来循环变量n的值,你现在就可以操作其它的数组对象了,比如: var importGoodsListTd0=importGoodsListTr[i].insertCell(0);
                            importGoodsListTd0.innerHTML=Goodsid[i].innerHTML;

     好了,希望对大家有帮助。谢谢。
分享到:
评论

相关推荐

    js生成动态表格并为每个单元格添加单击事件的方法

    本文介绍的使用JavaScript动态生成表格并为每个单元格添加单击事件的方法是Web开发中一项基础而重要的技能。通过这种方式,我们可以根据实时数据创建表格,并允许用户与表格中的数据进行交互。这不仅使页面变得更加...

    three.js加载obj模型添加点击事件及其他

    在本文中,我们将深入探讨如何使用three.js库加载OBJ模型并为其添加点击事件。three.js是一个流行的JavaScript库,用于在Web浏览器中创建3D图形。OBJ是一种通用的3D模型格式,广泛用于交换3D数据。 首先,我们需要...

    js动态添加事件.txt

    ### JavaScript 动态添加事件详解 #### 一、概述 在Web开发中,JavaScript作为前端开发的核心语言之一,经常被用来处理用户交互行为。而事件处理机制是实现这些交互的关键技术之一。通常情况下,我们可以通过在...

    js实现为a标签添加事件的方法(使用闭包循环)

    本文实例讲述了js实现为a标签添加事件的方法。分享给大家供大家参考,具体如下: 以示例说明: 实现效果:循环为带有ml-praise样式类的a标签添加事件,并且在点击a标签后,相应的数量增加1。 Html结构如下所示: ...

    使用js给文档元素添加一些事件

    使用了一些方法,给文档中的元素添加事件,尤其是某些同类元素,不需要在每个元素里添加事件,通过js一个循环就全部添加了,节省了代码量

    js 给动态生成的DOM绑定事件

    web前端的朋友们,经常会遇到给由后台返回的数据遍历生成的DOM绑定事件,但是总是绑定不上,那是因为把事件直接绑定到了动态生成的DOM上了,正确的方式是利用事件冒泡给其父元素绑定,这样才能解决问题的哦!

    图片动态循环滚动js代码

    【标题】"图片动态循环滚动js代码"是一个用于网页中实现图片轮播效果的JavaScript解决方案。这个技术主要用于提升用户体验,特别是在展示多张图片时,通过动态循环滚动的方式,让用户能够轻松浏览并欣赏到所有图片。...

    JavaScript程序设计——事件处理实验报告.docx

    - **JavaScript事件注册**:通过`addEventListener`或`attachEvent`(IE浏览器)为元素添加事件监听器,也可以使用HTML属性直接绑定事件处理函数,如`onclick="functionName()"`。 - **事件处理函数**:定义函数来...

    jQuery动态添加节点循环流程图表代码

    `js`目录下的文件可能包含了实现动态添加节点功能的JavaScript逻辑,可能包括初始化流程图、处理用户交互以及动态创建和插入新的HTML节点的函数。 在实际操作中,实现这个功能可能需要以下步骤: 1. **初始化流程...

    JS 循环li添加点击事件 (闭包的应用)

    本文主要讲述了在JavaScript中循环一个包含多个列表项(li元素)的元素集合,并给每个li元素绑定点击事件处理器的过程。在这一过程中,闭包被用于保持循环中每个元素的独立状态,这对于实现点击事件的预期行为至关...

    javascript循环弹出窗口

    在“javascript循环弹出窗口”这个主题中,我们关注的是如何利用JavaScript代码来实现一个窗口无限循环弹出的功能。这通常涉及到定时器(setTimeout或setInterval)和弹窗函数alert()或confirm()。 首先,`alert()`...

    wex5循环点击事件.zip

    在本文中,我们将深入探讨如何在Wex5中利用JavaScript动态加载DOM节点并为这些节点添加不同的点击事件,实现循环加载点击事件的功能。Wex5是一个强大的HTML5跨平台开发框架,它允许开发者构建高性能、原生体验的移动...

    js循环滚动焦点图特效.zip

    "js循环滚动焦点图特效"就是这样的一个功能,它通过JavaScript实现图片或内容的自动循环滚动,提升网站的视觉效果。 这个"js循环滚动焦点图特效"可能包含以下关键知识点: 1. **DOM操作**:JavaScript通过Document...

    微信小程序的数组添加、wx:for循环、删除、显示与隐藏,可以记录每一件事情

    这个教程将带你了解如何在微信小程序中处理数组,包括向数组添加元素、使用`wx:for`循环展示数据、删除数组中的元素以及控制元素的显示与隐藏。作为一名小程序的新手,掌握这些技巧将有助于你更高效地构建应用。 1....

    JavaScript的图片单次循环切换

    在JavaScript的世界里,图片轮播是一种常见的网页动态效果,它...以上就是纯JavaScript实现图片单次循环切换的基本方法,它能够帮助开发者理解JavaScript控制DOM元素和时间触发事件的机制,是学习前端动态效果的基础。

    JS循环滚动频道首页幻灯片代码

    【JS循环滚动频道首页幻灯片代码】是一种常见的网页动态效果,主要用于网站的首页展示,以吸引用户注意力并提供互动体验。幻灯片通常由多张图片或内容组成,通过JavaScript实现自动循环播放,同时配备左右箭头供用户...

    js的各种事件,方便使用

    JavaScript(简称JS)是一种广泛用于网页和网络应用的脚本语言,主要负责处理客户端的交互逻辑。在网页开发中,事件扮演着至关重要的角色,它们允许用户与页面进行互动,如点击按钮、提交表单等。本文将详细介绍...

    js图片循环放大动画

    在JavaScript(JS)中创建一个无限循环且可放大的图片动画效果是一项有趣且实用的技能,它可以提升用户体验,尤其在网站展示或者动态交互设计中。本文将深入探讨如何使用纯JavaScript来实现这样的功能,无需依赖...

    每循环5条添加一个样式(JQ前端技术分享)

    本篇将详细讲解如何使用JavaScript(JS)和jQuery(JQ)实现“每循环5条数据后添加一个样式”的功能。 首先,我们需要了解JavaScript的基本语法和jQuery库的使用。JavaScript是一种广泛用于网页和应用的脚本语言,...

Global site tag (gtag.js) - Google Analytics