javascript - onClick for 按钮不去 JS 函数

Question

我正在尝试使用 onClick 定向到 JS 函数，但似乎没有任何效果，我已经尝试过:

HTML:

<button type="button" id="deleteBtn" onClick="toDelete();">Delete Event</button>

JS:

document.getElementById("deleteBtn").onclick = function() {toDelete()}

JS:

document.getElementById("deleteBtn").addEventListener("click", toDelete);

这是我的功能:

function toDelete()
    {
        var answer = confirm("Are you sure you want to delete this event?\nPress OK to confirm deletion or CANCEL otherwise");
        if (answer)
        {
            alert("The event has been deleted!");
            <?php
            echo "<form id='deleteForm' name='deleteForm' method='post' action='redirected/deleteRecord.php'>";
                echo    "<input name='EVENT_ID' type='hidden' value='{$EVENT_ID}'>";
                echo    "<input name='eventName' type='hidden' value='{$eventName}'>";
                echo    "<input name='addressLine_1' type='hidden' value='{$addressLine_1}'>";
                echo    "<input name='addressLine_2' type='hidden' value='{$addressLine_2}'>";
                echo    "<input name='townCity' type='hidden' value='{$townCity}'>";
                echo    "<input name='postcode' type='hidden' value='{$postcode}'>";
                echo    "<input name='description' type='hidden' value='{$description}'>";
                echo    "<input name='cost' type='hidden' value='{$cost}'>";
                echo    "<input name='eventDate' type='hidden' value={$eventDate}'>";
            echo "</form>";
            ?>
            document.getElementById('deleteForm').submit();
        }
        else
            location.replace("events.php");
    }

Answer 1

我编写了一个示例代码片段，其中包含一个隐藏的输入字段(您可以在其中添加您的 php 代码)。 当 <form> 时它起作用元素被移到 <script> 之外标签。

function toDelete() {
	var answer = confirm("Are you sure you want to delete this event?\nPress OK to confirm deletion or CANCEL otherwise");
  
	if (answer) {
		alert("The event has been deleted!");
		document.getElementById('deleteForm').submit();
	}
	else
		location.replace("events.php");
}

function updateConfirm() {
		alert("Event has been updated!");
}

<button type="button" id="deleteBtn" onclick="javascript:toDelete();">Delete Event</button>

<form id='deleteForm' name='deleteForm' method='post' action='redirected/deleteRecord.php'>
  <input name='EVENT_ID' type='hidden' value='testid'>
</form>