javascrip for 循环数组事件绑定

//radio选择填充,字段
    var radioArray = ["F_RegisterCode", "F_Subjection", "F_MechanismType"]
    for (v in radioArray) {
        (function(F) {
            $(‘:radio[name="‘ +F + ‘"]‘).change(function () {
                var str = $(this).val();
                $(‘.‘ + F).each(function (i) {
                    console.log(radioArray[v]);
                    $(this).val(str[i]);
                })
            })
        })(radioArray[v])
    }
<script type="text/javascript">
    $(function() {
        var li = $(‘.se-btn li‘);
        var pattern = ‘images/ser‘;

        for (var i = 0; i < 9; i++) {
            (function(i) {
                var url = li.eq(i).find(‘span‘).css(‘background-image‘);
                var length = url.split(‘‘).length;          //获取url的长度
                var ind1 = url.search(pattern);             //返回字符串中 pattern开始位置
                var qian = url.slice(0, ind1 + 10);         //前面的字符串
                var hou = url.slice(ind1 + 10);             //后面的字符串

                li.eq(i).hover(function() {
                    $(this).find(‘span‘).css({
                        ‘background-image‘: qian + ‘h‘ + hou //中间加个 ‘h‘
                    });
                }, function() {
                    $(this).find(‘span‘).css({
                        ‘background-image‘: qian + hou
                    });
                });
            })(i);
        }

    });
    </script>
时间: 2024-10-30 15:00:50

javascrip for 循环数组事件绑定的相关文章

js中用for循环事件绑定的小问题

在js中,如果用for循环进行事件绑定,可能会遇到一点小问题,看下面第一个示例,无论点击哪个div,都会弹出3,即length. 因为这相当于事件绑定的同时,并没有把所对应的i进行一起绑定,i的值是最后一个值,即3. 示例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"

循环事件绑定和原型的应用

一.循环事件绑定: <ul> <li>0</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> <script> var node = document.querySelectorAll('ul li'); for(var i = 0, len = node.length; i < len;

用angularjs在循环遍历中绑定ng-model(转载---CSDN博客 )

用angularjs在循环遍历中绑定ng-model CSDN博客 原文  http://blog.csdn.net/chen2991101/article/details/19764263 angularjs的双向绑定非常的好用,当修改了一个地方的值后另外一个地方也同步修改了,如果用平时的js来写的话需要写很多代码,但是用了angularjs后只需要几行代码就能轻松搞定. 想做一个类似于淘宝的改价的功能,就是当用户拍下了宝贝后卖家给你调价的那个功能,界面就像这样: 当修改了折扣或者直接填写了优

Android中的IOC框架,完全注解方式就可以进行UI绑定和事件绑定

转载请注明出处:http://blog.csdn.net/blog_wang/article/details/38468547 相信很多使用过Afinal和Xutils的朋友会发现框架中自带View控件注解及 事件绑定功能,我们无需使用findViewById和setOnClickListener即可完成view初始化和监听事件,使用注解在很大程度上使 我们的代码看起来更加简洁,让我们的代码看起来不是那么冗余,那我们今天就来一探究竟,看看其中原理是如何来实现的. Java注解相当于一种标记,标记

焦点 、event对象、事件冒泡、事件绑定、AJAX知识点备忘

焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入. 设置焦点的几种方式: 1.点击 2.TAB键 3.JS onfocus   onblur 属性 var oinp=document.getElementById('shuru') oinp.onfocus=function(){ if(oinp.value=='请输入'){ oinp.value='' } } oinp.onblur=function(){ if(oinp.value==''){ oinp

javascript - 工作笔记 (事件绑定二)

在上篇中的事件绑定方法,相信大家都看到过了. 不过这里有点小小的问题,这些方法,变量都是全局的,难免会与其他的库或者方法发生冲突而被覆盖,因此,我在这里做了小小的封装,如下: JavaScript Code 12345678910111213141516171819202122232425262728293031323334353637383940   (function(window){         var Yx = function(){ }         Yx.evGuid = 0;

jQuery事件绑定和委托实例

本文实例讲述了jQuery事件绑定和委托.分享给大家供大家参考.具体方法如下: jQuery事件的绑定和委托可以用多种方法实现,on()  . bind()  . live()  . delegate() ,还有one(). 有时我们可能会像下面这样绑定一个事件: 复制代码代码如下: $("#div1").click(function() {      alert("点击后触发");  }); 上面的事件绑定,我们可以通过多种方式去实现: 1. on() 复制代码代

完美的jquery事件绑定方法on()

在讲on()方法之前,我们先讲讲在on()方法出现前的那些事件绑定方法: .live() jQuery 1.3新增的live()方法,用法如下: $("#info_table td").live("click",function(){/*显示更多信息*/}); 这里的.live()方法会把click事件绑定到$(document)对象,而且只需要给$(document)绑定一次,然后就能够处理后续动态加载的单元格的单击事件.在接收到任何事件时,$(document)

js前端--解决非IE浏览器事件绑定的一些问题

一.问题所在 现代绑定中W3C使用的是:addEventListener和removeEventListener.IE使用的是attachEvent和detachEvent.我们知道IE的这两个问题多多,并且伴随内存泄漏.所以,解决这些问题非常有必要. 那么我们希望解决非IE浏览器事件绑定哪些问题呢? 1.支持同一元素的同一事件句柄可以绑定多个监听函数: 2.如果在同一元素的同一事件句柄上多次注册同一函数,那么第一次注册后的所有注册都被忽略: 3.函数体内的this指向的应当是正在处理事件的节点