我可以单击一个按钮来使用另一个按钮吗？

问题描述

| 我有两个按钮，我想将一个操作应用于另一个。例如。

<form>

<input type=\"submit\" />
</form>

<input type=\"submit\" />

我想让第二个按钮提交表单，尽管不在表单内。     

解决方法

您应该使它们成为按钮类型，并给您的表单一个ID。 标记：

<form id=\"myForm\">
  <---STUFF---->
<input type=\'button\' id=\'otherButton\'>
</form>

<input type=\'button\' id=\'someButton\'>

jQuery的：

$(\'#someButton\').click(function() { $(\'#myForm\').submit(); });

    ,

$(\':input:last\').click(function()
{
   $(\'form\').submit();
});

    ,

// enable form submit on the second <input>
$(\'input[type=submit]\').click(function(){
      $(\'form\').submit();
});

// disable the inner <input>
$(\'form input[type=submit]\').click(function(){
      return false;
});

这样的事情应该可以解决。     ,如果希望第二个按钮执行第一个按钮可以做的所有事情（而不仅仅是提交），则可以尝试执行以下操作： html

<form>
<input id=\"insideButton\" type=\"submit\" />
</form>

<input id=\"outsideButton\" type=\"submit\" />

jsJQUERY

$(\"#outsideButton\").click(function() {
    $(\"#insideButton\").trigger(\"click\");
});

    ,如果您使用jQuery而不是文档，则可以使用jQuery $（\“＃test \”）。click（）。

<form name=\"testForm1\">
<input type=\"submit\" id=\"test\" />
</form>
<!-- use this when not in a form: -->
<button onclick=\"button1_click();\" id=\"button1\"></button>

在你的头部标签

<script type=\"text/javascript\">
function button1_click(){
  document.forms.testForm1.submit();
}
</script>

针对将性能置于清晰代码下的用户进行了更改