在一个元素上单击两次

Two onclick on one element

本文关键字:单击 两次 一个 元素      更新时间:2023-09-26

我有一个从数据库中删除数据的简单代码,我希望在删除之前显示一条警告消息。当我放一个onclick时,代码工作得很好,当我放两个时,只有第一个onclicck工作。

我需要为警告消息点击一个,为delet.php页面点击另一个。

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

这就是我处理它的方式:

<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>元素是不必要的,因为您实际上并不是在填写表单,只是单击一个按钮。如果你的问题中没有包含更多的上下文,那么它可能与此相关。

尝试将其与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>

您只能使用一个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>