未选中点击时复选框的 JavaScript 确认

Question

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

自动发布对于两者(选中和未选中)都适用，但我想在每个事件发生之前弹出一个对话框进行确认。

到目前为止，当选中该复选框时，弹出框就会起作用。

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

问题:如何使用客户端代码(仅)弹出取消选中事件的对话框

<asp:CheckBox ID="CurrentCheckBox" runat="server" AutoPostBack="True" Checked='<%# Bind("BDValue") %>' OnCheckedChanged="SharedFunctionForThisCheckBox_CheckedChanged" onclick="checkBoxConfirmClick(this);" />


<script type="text/javascript">        
    function checkBoxConfirmClick(elementRef) {
        if (elementRef.checked) {
            if (window.confirm('Are you sure?') == false)
                elementRef.checked = false;
        }
    }
</script>

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