• Jquery绑定多个BUTTON 点击事件


    现在我有多个BUTTON     
    <input type="hidden" value="<s:property value="id" />"id="localId" />
    <input type="button" value="查看" name="locals_${id}" />
     
    jquery
    $("#input[name^='locals_']").each(function(){
    $(this).bind("click",function(){
    var url=  '/Tsz_Map/localtion/LoadingPoint.action';   
    var ids = $(this).val("name") ;   
    var params = {  
    id:ids.substring(ids.indexOf("_")+1,ids.length)
    }                   
    $.post(   
    url,   
    params,
    function cbf(data){                    
    },    
    'json'   
    );   
    })
    });   
    这么绑定有问题吗? 
    还有什么方法 可以绑定多个button????
     
     
    -----------------------------
     
    $(this).bind("click",function(){
    可以用简写形式  $(this).click(function(){});
     
    如果要加动态加载的按钮预绑定事件,可以用 .live(function(){})方法
    它可以为满足$(selector)的元素集,却在文档加载完毕后动态创建的元素预绑定事件
     
    提问者评价谢谢
     
    -----------------------------
    $(":input[name^='locals_']").bind('click',function(){xxxx}).bind('click',function(){yyyy})
    就可以了 没必要再去each啊
     
     
    ---------------------
    没问题,这样就可以了。
     
    如果说还有方法的话,除了遍历的话,也许只剩下一个一个绑定了。
     
     
    ********************************
    一个form里有两个相同的提交按钮,jquery能获得用户点的哪个按钮吗? 
     
    <form action="" method="post" name="tform" id="tform">
            <div><textarea name="q" cols="90%" rows="40"></textarea></div>
            <div><button class="sbt fl" type="submit">按钮一</button><button class="sbt fr" type="submit" value="20">按钮二</button></div>
    </form>
     
    $('#tform').submit(function() {
        //.............
        //这里能获得用户是点的哪个按钮吗?
    });
     
     
    ----------------------------------
     发表于 2009-11-3 18:27:52 | 只看该作者
    function(event){
                    alert($(event.target).prev().attr("tagName")=="BUTTON")        
            }
     
    试试.
     
    ------------------------
    回复 2# TBlack 的帖子
    谢谢了,这个方法可行。
    开始的时候我想了一个笨方法,给第二个button加个ID,在绑定submit前先获得是不是点了这个按钮。
    sbt2 = false;
    $('#sbt2').click(function(){sbt2 = true;});
     
    $('#tform').submit(function() {
        //.............
    });
     
    还是你这个方法好,不破坏原来代码。
  • 相关阅读:
    15天玩转redis —— 第四篇 哈希对象类型
    15天玩转redis —— 第三篇 无敌的列表类型
    15天玩转redis —— 第二篇 基础的字符串类型
    15天玩转redis —— 第一篇 开始入手
    双十一来了,别让你的mongodb宕机了
    AutoIncrement无法设置的问题
    Frame animation
    Tween animation
    在project窗口中快速定位文件
    Activty左出右进动画
  • 原文地址:https://www.cnblogs.com/huapox/p/3516071.html
Copyright © 2020-2023  润新知