2013-02-15 52 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);