javascript - 两个 onclick 一个元素

Question

我有一个简单的代码来从数据库中删除数据，我希望在删除之前出现一条警告消息。当我放一个 onclick 时，代码工作正常，当我放两个时，只有第一个 onclick 工作。

我需要单击一个用于警告消息，另一个用于 delet.php 页面。

<form><input type="button" value="delete" onclick="return confirm('Really delete?');" onClick='window.location.href="delete.php?id= <?php echo  $id; ?>"' ></form>

Answer 1

这就是我将如何处理它：

<input type="button" value="delete" 
   onclick="confirmDelete('<?php echo  $id; ?>');">

然后在页面的其他地方：

<script type="text/javascript">
  function confirmDelete(id) {
        if(confirm('Really delete?')) {
            window.location.href= "delete.php?id=" + id;
        }
  }
</script>

请注意，我删除了该<form>元素。如果这是它所在的唯一上下文，则该<form>元素是不必要的，因为您实际上并没有填写表单，只是单击一个按钮。如果您的问题中没有包含更多上下文，那么它可能与此相关。

Answer 2

您只能使用一个 onClick。但是有一种方法可以做你想做的事；）

<form>
  <input type="button" value="delete" onclick="
    if(confirm('Really delete?')){ 
      window.location.href=\"delete.php?id= <?php echo  $id; ?>\" 
    }else{ 
      return false; 
    }" />
 </form>

Answer 3

尝试将其与 if 子句一起使用：

<form>
  <input type="button" value="delete" onclick="
    if(confirm('Really delete?')) {
      window.location.href='delete.php?id=<?php echo  $id; ?>';
    }
    else {
      return false;
    }
   ">
</form>