можно нажать одну кнопку и использовать действие другой?

Question

У меня есть две кнопки, и я хочу применить одно действие к другому.Например.

<form>

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

<input type="submit" />

Я хочу, чтобы вторая кнопка отправила форму, несмотря на то, что она находится вне формы.

Answer 1

Вы должны сделать их из типа кнопки, и дать вашей форме идентификатор.

Разметка:

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

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

jQuery:

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

Answer 2

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

Answer 3

Если вы хотите, чтобы вторая кнопка делала все, что могла сделать первая (не просто отправляла), вы можете попробовать что-то вроде этого:

HTML

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

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

* JS 1007 * Jquery

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

Answer 4

// 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;
});

Нечто подобное должно сработать.

Answer 5

вы можете использовать jQuery $ ("# test"). Click (), если у вас вместо документа jQuery ... материал ниже или ниже будет работать без jQuery

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

В вашемhead tag

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

Изменено для пользователей, которые ставят производительность под чистый код