點擊jquery事件

我很難解決使用jquery點擊5個按鈕的問題。
我想要所有5個按鈕點擊，但不是在同一時間。相反，我想執行一個名爲「全部更新」的按鈕。執行完成後，我希望所有5個按鈕都按1，1秒間隔3秒，然後停在第5個按鈕。
這是我的代碼，但是這段代碼點擊了所有按鈕，沒有間隔。所以如果互聯網真的很慢，這將不起作用。點擊jquery事件

在此先感謝幫助。
順便說一句，這段代碼是在while循環中。

$(document).ready(function(){ 
    $('#updateAll').click(function(){   
    setTimeout(function() { 
     $("#SubmitFormData<?php echo $chili_id; ?>").trigger('click'); 
    }, 3000);   
    }); 
});

來源

2017-08-27 WYD Pilipinas

請提供你在談論的按鈕的代碼。 –

該按鈕只有這個ID #SubmitFormData <？php echo $ chili_id; ？>它是一個提交按鈕，有ID我有5個表格，我需要同時提交所有，但在每個 –

延遲3秒好吧，我很好地問。 :-) –

$(document).ready(function(){  
 
    $('#updateAll').on('click',function(){ 
 
    var inputBtn=$('.saveBtn'); 
 
    var C=0; 
 
    var setInter=setInterval(function(){ 
 
     if(C==inputBtn.leangh) 
 
      clearInterval(setInter); 
 
      $(inputBtn[C]).click(); 
 
      C++; 
 
    }, 3000); 
 
}); 
 
     
 
    $('.saveBtn').on("click",function(){ 
 
    console.log($(this).val()); 
 
    });  
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="updateAll" value="updateAll"/> 
 
<br> 
 
<input type="button" class="saveBtn" value="click 1"/> 
 
<input type="button" class="saveBtn" value="click 2"/> 
 
<input type="button" class="saveBtn" value="click 3"/> 
 
<input type="button" class="saveBtn" value="click 4"/> 
 
<input type="button" class="saveBtn" value="click 5"/>

來源

2017-08-27 18:48:14

哇非常感謝你@Farhad它的工作原理 $（文件）。就緒（函數（）{ $（ '＃updateAll'）。點擊（函數（）{ \t \t VAR inputBtn = $（ 'saveBtn' ）; \t \t變種C = 0; \t \t變種setInter =的setInterval（函數（）{ \t \t如果（C == inputBtn.leangh） \t \t clearInterval（setInter）; \t \t $（inputBtn [點擊（）; \t \t C++; \t \t}，3000）; \t}）; }）; –

是的，非常感謝你@Farhad它完美無瑕。我想爲您的答案投票，但我不知道如何？ –

也許我還沒有資格投票，我無法在投票框中找到任何地方..對不起，但我真的很高興你幫我解決了2天的問題。 –

var i=1; 
 
$(document).ready(function() { 
 
    $("#update").click(function(){ 
 
    interval = setInterval(function(){ 
 
    if(i<=5) 
 
    { 
 
     $("#"+i).click(); 
 
     alert("button"+i+"click"); 
 
    } 
 
    i++; 
 
    },3000); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="update" class="btn" value="Update All"/> 
 
<br/><br/><br/> 
 
<input type="button" id="1" class="btn" value="click 1"/> 
 
<input type="button" id="2" class="btn" value="click 2"/> 
 
<input type="button" id="3" class="btn" value="click 3"/> 
 
<input type="button" id="4" class="btn" value="click 4"/> 
 
<input type="button" id="5" class="btn" value="click 5"/>

來源

2017-08-27 19:35:31

點擊jquery事件

回答

相關問題