未经检查的CheckBox上的Javascript确认单击

Question

我有一个复选框，可以在更改后自动发布。

自动帖子适用于两者（已选中和未选中），但我想在每个事件发生之前弹出一个对话框进行确认。

到目前为止，弹出框在选中复选框时有效。

但是当取消选中该复选框时，它不会弹出确认对话框。

问题：如何使用客户端代码（仅限）弹出取消选中事件的对话框

37734835

Answer 1

如果您当前的方法有效，那么您可以简化为

function checkBoxConfirmClick(elementRef) {
    if (!window.confirm('Are you sure?')) { // if not sure
        elementRef.checked = !elementRef.checked; // toggle back
    }
}

但是，最好将事件传递到处理程序中（即e），然后你就可以了

function checkBoxConfirmClick(e) {
    if (!window.confirm('Are you sure?')) { // if not sure
        e.preventDefault(); // kill the click
    }
}

如果您将其他处理程序附加到您不希望此事件到达的位置，您可能还需要e.stopPropagation()。

• event.preventDefault
• event.stopPropagation