Question

<html> 
    <div class="button">
         <input type="button" onclick="method1();" id="1" value="Button1"/>
    </div>

     <div class="button">
         <input type="button" onclick="method2();" id="2" value="Button2"/>
     </div>
</html>

无需修改Html，我可以将两个按钮组合成一个按钮吗？单击该按钮时，是否可以调用这两个方法？可以用Javascript / JQuery完成吗？如果是这样，你会怎么做？

换句话说，我可以隐藏一个按钮并在不更改html的情况下触发两个方法。

Answer 1

$("#1, #2").click(function(){
   method1();
   method2();
   return false;
});

修改

根据Yardboy的评论，OP可能会想要这个

$(function(){ $("#2").parent().hide(); $("#1").click(function(){ method1(); method2(); return false; }); });

Answer 2

您可以将两个方法调用添加到一个onclick属性。

<div class="button">
     <input type="button" onclick="method1();method2();" id="1" value="Button1"/>
</div>

我可以使用像javascript这样的东西组合两个html按钮和他们的onclick方法吗？

2 个答案: