Stop event propogation for AutoPostBack Checkboxes
<p>We have two checkboxes inside an UpdatePanel with <code>AutoPostBack="true"</code></p>

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

<p>On clicking these CheckBoxes the CheckedChanged event will fire. All is well.</p>

<p>Now, we have another JavaScript function that acts on the same CheckBoxes</p>

<pre><code>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;
}
</code></pre>

<p>The problem happens in this scenario. </p>

<ol>
<li>Suppose the <code>Company CheckBox</code> is checked first. </li>
<li>Then I trigger the JavaScript function, it un-checks the <code>Company CheckBox</code> after overwriting the effect of the <code>Company CheckBox</code> checked event. </li>
<li>Now, when I click the Save button on the form, the <code>IsCompanyEnabled_CheckChanged</code> event would trigger before <code>SaveButton_Click</code> event triggers. </li>
</ol>

<p>That pretty much messes up all my code flow. I dont want the <code>IsCompanyEnabled_CheckedChanged</code> triggered again. How can I overcome this problem?</p>

<p>Is there a way to ask the CheckBoxes from the JavaScript function to <code>event.stopPropogation</code>?</p>
