javascript - 如何同时运行表单操作和onclick事件？

Question

在这种情况下，只有 Javascript 功能有效。但我想运行 JavaScript function(onclick event)和 form action (我的 PHP 后端)同时，怎么做？

<tr id="tr4" class="table-danger">
  <td>Geethan</td>
  <td>
    <form action='include/action.php?user_id=3' method='post'>
      <input id="tr4_btn" class="btn btn-warning" type="button" value="Take action" onclick="takeaction(this.id,'tr4','tr4_i')" />
      <i id="tr4_i" class="fa " style="color:green;"></i>
    </form>
  </td>
</tr>

Answer 1

因为当你提交表单时，网站会被重定向到表单 Action ，所以你的 Action 如果没有完成，就会被取消。
你可以试试这种方式(jQuery)。

function takeaction(id,$val1,$val2){
     var $this = jQuery('#'+id);
     var $form = $this.parents('form');
     //...your javascript code at here
     // after run your code
    $form.submit();// to submit form
}