JS触发buttonClick事件

        function Text1_TextChanged() {
                document.getElementById("Button1").click();
                document.getElementById("Button2").click();
                document.getElementById("Button3").click();
                document.getElementById("Button4").click();
                                                       }
我想用一个脚本触发4个click，结果却只有button1和button4触发了，这应该怎么写啊。JavaScriptbutton_Click

解决方案 »

  1.   

    一个脚本触发4个click，结果却只有button1和button4触发了
    re:
    1-4不是4个click吗？
      

  2.   

    是啊，但是不知道什么情况，button1的事件完了之后就直接跑button4的了。
      

  3.   


    button2,button3都没有执行click?
      

  4.   

     function Text1_TextChanged() {
               if (document.getElementById('OnePan').style.display == "block" && document.getElementById('TwoPan').style.display == "none") {
                    document.getElementById('OnePan').style.display = "block";
                    document.getElementById('TwoPan').style.display = "block";
                    document.getElementById('ThreePan').style.display = "block";
                    document.getElementById('FourPan').style.display = "block";
                    document.getElementById('Value').style.display = "none";
                    document.getElementById("Button1").click();
                    document.getElementById("Button2").click();
                    document.getElementById("Button3").click();
                    document.getElementById("Button4").click();
                    return;
                }
                else if (document.getElementById('OnePan').style.display == "none" && document.getElementById('TextBox1').style.display == "none") {
                    document.getElementById('OnePan').style.display = "block";
                    document.getElementById('TwoPan').style.display = "none";
                    document.getElementById('ThreePan').style.display = "none";
                    document.getElementById('FourPan').style.display = "none";
                    document.getElementById('Value').style.display = "none";
                    document.getElementById("Button1").click();
                    return;}
              }
      

  5.   

    我也觉得没问题啊，发现不管添加多少个buttonclick事件他就只触发第一个和最后一个
      

  6.   


    button2,button3都没有执行click?
    我发现不管添加多少个buttonclick事件他就只触发第一个和最后一个
      

  7.   

    问题不是出在你贴出来的代码上，你要把html整理了贴出来。
    我用了你的代码，运行结果没有任何问题，所以排除了这段js本身的问题
    估计你的html代码里，可能有 type="submit" 的button，或者是 onclick 中的内容有问题
    总之用你贴出来的东西，分析不出原因<script>
    function Text1_TextChanged() {
               if (document.getElementById('OnePan').style.display == "block" && document.getElementById('TwoPan').style.display == "none") {
                    document.getElementById('OnePan').style.display = "block";
                    document.getElementById('TwoPan').style.display = "block";
                    document.getElementById('ThreePan').style.display = "block";
                    document.getElementById('FourPan').style.display = "block";
                    document.getElementById('Value').style.display = "none";
                    document.getElementById("Button1").click();
                    document.getElementById("Button2").click();
                    document.getElementById("Button3").click();
                    document.getElementById("Button4").click();
                    return;
                }
                else if (document.getElementById('OnePan').style.display == "none" && document.getElementById('TextBox1').style.display == "none") {
                    document.getElementById('OnePan').style.display = "block";
                    document.getElementById('TwoPan').style.display = "none";
                    document.getElementById('ThreePan').style.display = "none";
                    document.getElementById('FourPan').style.display = "none";
                    document.getElementById('Value').style.display = "none";
                    document.getElementById("Button1").click();
                    return;}
              }
    </script>
    <body onload="Text1_TextChanged()">
    <span id="OnePan" style="display:block"></span>
    <span id="TwoPan" style="display:none"></span>
    <span id="ThreePan" style="display:none"></span>
    <span id="FourPan" style="display:none"></span>
    <span id="Value" style="display:none"></span><input type="button" id="Button1" onclick="alert(1)">
    <input type="button" id="Button2" onclick="alert(2)">
    <input type="button" id="Button3" onclick="alert(3)">
    <input type="button" id="Button4" onclick="alert(4)">
    </body>
      

  8.   

    我用一个textbox1用settimeout检索数据库表id最大值，让text1=textbox1，当text1变得时候，执行这个Text1_TextChanged，4个button_click事件是后台代码执行的，不是前台的。
      

  9.   


    神一样的流程，凡人是看不明白的，估计电脑也难看明白。
    我这其实是调用1个button_click事件，2个button_click事件，3个button_click事件，4个button_click事件的情况都有，只有3,4个的有错误。只执行第一个和最后一个
      

  10.   

    你就直接执行不行吗？一定要通过click()事件中转一下。
      

  11.   

    document.getElementById("Button1").click();改成直接调用 函数 
      

  12.   

    前台代码是无法直接调用服务端代码的，所以你执行后台事件明显要进行表单提交或者ajax请求，页面可能被刷新或改变了，而你这儿看着是要进行表单提交，页面都刷新了前端事件这样写肯定是会执行的建议抛弃asp.net的服务器控件，自己写表单提交或ajax，很快就会明白web运行过程了，到时你也不会说什么服务器事件这类畸形的东西了
      

  13.   


    <script>

    function f1(){
    alert(1)
    }
    function f2(){
    alert(2)
    }
    function f3(){
    alert(3)
    }
    function f4(){
    alert(4)
    }

            function Text1_TextChanged() {
    //                document.getElementById("Button1").click();
    //                document.getElementById("Button2").click();
    //                document.getElementById("Button3").click();
    //                document.getElementById("Button4").click();
                    
         f1();
         f2()
         f3()
         f4()           
                                                          
          }
    </script>
     <input type="button" id="Button1" onclick="f1()">
    <input type="button" id="Button2" onclick="f2()">
    <input type="button" id="Button3" onclick="f3()">
    <input type="button" id="Button4" onclick="f4()">
    </body>
      

  14.   

    button是在UpdatePanel里面，我这有4个UpdatePanel，里面有这4个button，点了之后只会刷新UpdatePanel里面的东西。
      

  15.   


    <script>

    function f1(){
    alert(1)
    }
    function f2(){
    alert(2)
    }
    function f3(){
    alert(3)
    }
    function f4(){
    alert(4)
    }

            function Text1_TextChanged() {
    //                document.getElementById("Button1").click();
    //                document.getElementById("Button2").click();
    //                document.getElementById("Button3").click();
    //                document.getElementById("Button4").click();
                    
         f1();
         f2()
         f3()
         f4()           
                                                          
          }
    </script>
     <input type="button" id="Button1" onclick="f1()">
    <input type="button" id="Button2" onclick="f2()">
    <input type="button" id="Button3" onclick="f3()">
    <input type="button" id="Button4" onclick="f4()">
    </body>
    我要的是调用后台函数怎么写啊。不带void的
      

  16.   

     
    说好的不是 触发多个Click事件?, 调用后台 用AJAX
      

  17.   

    click事件是调用的后台代码啊，不是前台JS.
      

  18.   

    click事件是调用的后台代码啊，不是前台JS.
    前台要操作后台只能通过请求，你先了解一下，什么是B/S架构
      

  19.   

    click事件是调用的后台代码啊，不是前台JS.
    前台要操作后台只能通过请求，你先了解一下，什么是B/S架构
    我现在就想知道为啥写的4个有2个能运行。
      

  20.   

    .click() 是 js 触发了按钮的点击，啥叫做“是后台的不是前台的”？按钮被click后，如果4个按钮都触发submit，那么，显然，后台会收到4次request，而只有最后一次response能够返回给客户端浏览器。你的叙述能力真令人捉急……
      

  21.   

    兄弟
    一般要触发多个click
    我会转成一个click事件 加 相应的参数
      

  22.   

    你并没有给出 button onclick 事件的代码，就说是执行无效
    那谁知到你都在里面做了什么呢？可能代码写的有问题，甚至根本就没写
      

  23.   

    没事了，我解决了，我在button3_click里添加了button2_click事件，在button4_click里添加了button3_click事件，这样运行后就OK了