加载 <input type="button"> 链接而不是 <tr> 链接

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

使用<a> 标签代替onclick。试试这个

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

Answer 2

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

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

这将阻止提交表单。