Question

我的表格有很多表格行<tr>。

每个<tr>为button和link。

这是我的一些代码

<form name="mycart" id="mycart" action="library/cartactivity.php?action=update" method="post">
   <table cellspacing="0">   
      <tr id="cart-list" onClick="document.location.href='index.php'">
         <td><button onclick="location.href='library/stockactivity.php';">Remove</button></td>
      </tr>
   </table>
   <input type="submit" value="submit"/>
</form>

我的问题是当我点击<button>它加载<input type="submit">链接

时

但是，我将代码更改为

<form name="mycart" id="mycart" action="library/cartactivity.php?action=update" method="post">
    <table cellspacing="0">   
       <tr id="cart-list" onClick="document.location.href='index.php'">
          <td><input type="button"  onclick="location.href='library/stockactivity.php';" value="Remove" /></td>
       </tr>
    </table>
    <input type="submit" value="submit"/>
</form>

（我将<button>更改为<input type="button">）

我的问题是当我点击<input type="button">时，它会加载<tr>链接

有没有解决方案？

Answer 1

您需要将return false;添加到事件处理程序：

<button onclick="location.href='......'; return false;">Remove</button>

这样可以防止提交表单。

Answer 2

使用<a>代码而不是onclick。试试这个

<a href="library/stockactivity.php" style="text-decoration: none;"><input type="button" value="Remove" /></a>

加载<input type =“button”/>链接而不是链接

2 个答案: