2013-02-15 77 views
-1

我是一個jQuery的「菜鳥」,我需要一點點澄清...... 我有這種形式如何優化此jQuery腳本?

<form id="myform"> 
    <div id="sectionA"> 
     <button id="button1"> 
    </div> 
    <div id="sectionB"> 
     <button id="button2"> 
    </div> 
    <div id="sectionC"> 
     <button id="button3"> 
    </div> 
</form> 

要觸發每個按鈕我

$("#button1").click(function() { $("#myform").submit(); }); 
$("#button2").click(function() { $("#myform").submit(); }); 
$("#button3").click(function() { $("#myform").submit(); }); 

如何我寫的點擊只有一個函數不能重複3次相同的代碼? 謝謝 Chri

+0

一次選擇所有三個按鈕。或者,讓他們全部'type =「submit」'並刪除javascript。 – 2013-02-15 20:56:20

+0

使用$('按鈕') – Shanimal 2013-02-15 20:56:48

+1

請記住關閉按鈕,它們不是無效元素。 – 2013-02-15 20:58:34

回答

2

您可以使用一個選擇器選擇多個ID。

$('#button1, #button2, #button3').click(function() { 
    $('#myform').submit(); 
}); 

然而,這會變得笨重,所以我建議使用類的按鈕,你想有這種行爲。

<button class="clickable"></button> 

$('.clickable').click(function() { 
    $('#myform').submit(); 
}); 
2
$('button').click($('form').submit);