Question

我是一个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

Answer 1

您可以使用一个选择器选择多个ID。

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

然而，这可能变得笨重，所以我建议使用类来获得你想要出现这种行为的按钮。

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

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

Answer 2

$('button').click($('form').submit);

如何优化此jquery脚本？

2 个答案: