javascript - 停止 AutoPostBack 复选框的事件传播

Question

我们在带有 AutoPostBack="true"

的 UpdatePanel 中有两个复选框

<asp:CheckBox  ID="IsCompanyEnabled" runat="server" 
            AutoPostBack="true"
            Checked="false" 
            CssClass="agentcompany" 
            Text="COMPANY" />
<asp:CheckBox  ID="IsCompanyNotDetermined" runat="server" 
            AutoPostBack="true"
            Checked="false" 
            CssClass="agenttobedetermined" 
            Text="TO BE DETERMINED" />

单击这些复选框时，将触发 CheckedChanged 事件。一切顺利。

现在，我们有另一个作用于相同复选框的 JavaScript 函数

function SetEmployeeDetails(selectedPanel) {

    var panel_id = "#" + selectedPanel;
    var container = $(panel_id);
    container.find(".agentcompany").find(":checkbox").prop('checked', false); //problem zone
    container.find(".agenttobedetermined").find(":checkbox").prop('checked', false); //problem zone
    //$("#popup_dialog").dialog("close");
    return false;
}

问题发生在这种情况下。

1. 假设首先选中Company CheckBox。
2. 然后我触发 JavaScript 函数，它在覆盖 Company CheckBox 选中事件的效果后取消选中 Company CheckBox。
3. 现在，当我单击表单上的“保存”按钮时，IsCompanyEnabled_CheckChanged 事件将在 SaveButton_Click 事件触发之前触发。

这几乎打乱了我所有的代码流。我不想再次触发 IsCompanyEnabled_CheckedChanged。我该如何克服这个问题？

有没有办法从 JavaScript 函数请求 CheckBoxes 到 event.stopPropogation？

Answer 1

你试过了吗stopPropagation ()？

 container.find(".agentcompany").find(":checkbox")
  .click(function(event){
      event.stopPropagation();
  });