title: changing mask value for MaskedEditExtender using java script
body: <p>I need help to use java script with update panel.
  I have checkbox, textbox with MaskedEditExtender inside update panel in web content form.
  I want to change the mask for MaskedEditExtender when I check the checkbox  without doing pastback for the update panel using java script so any one can help me with that.</p>
  
  <p>here is my code:   </p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"&gt;
  
  &lt;script src="~/js/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  
  &lt;/script&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"&gt;
  
  &lt;p style="height: 1480px; width: 953px"&gt;
   &amp;nbsp;&lt;asp:UpdatePanel ID="UPanelContacts" runat="server"&gt;
  
      &lt;ContentTemplate&gt;
          &lt;asp:Panel ID="PContactsInfo" runat="server" GroupingText="Personal Information"
              BorderStyle="Dotted" Style="position: absolute; top: 103px; left: 221px; height: 468px;
              width: 811px; margin-top: 69px;"&gt;
   &lt;asp:TextBox ID="txtMobileHome" runat="server" Style="top: 226px; left: 550px; position: absolute;
                  height: 22px; width: 128px"&gt;&lt;/asp:TextBox&gt;
   &lt;cc1:MaskedEditExtender ID="txtMobileHome_MaskedEditExtender" runat="server" CultureAMPMPlaceholder=""
                  CultureCurrencySymbolPlaceholder="" CultureDateFormat="" CultureDatePlaceholder=""
                  CultureDecimalPlaceholder="" CultureThousandsPlaceholder="" CultureTimePlaceholder=""
                  Enabled="True" TargetControlID="txtMobileHome" Mask="(999)999-9999"&gt;
              &lt;/cc1:MaskedEditExtender&gt;
              &lt;asp:RegularExpressionValidator ID="REV_HomeMobile" runat="server" ErrorMessage="Please enter valid Mobile Number "
                  ControlToValidate="txtMobileHome" ValidationExpression="\d{3}\d{3}\d{4}" Style="position: absolute;
                  top: 248px; left: 501px; margin-bottom: 0px; height: 21px;"&gt;    
     &lt;/asp:RegularExpressionValidator&gt;
  
   &lt;asp:CheckBox ID="chkIntphoneHome" runat="server" Text="Internation Code" Style="position: absolute;
                  top: 113px; left: 549px;"  
                  oncheckedchanged="chkIntphoneHome_CheckedChanged" AutoPostBack="True" 
                   /&gt;
  </code></pre>
  
  <p>
              
          
          </p>
  
  <pre><code>        &lt;asp:AsyncPostBackTrigger ControlID="chkIntMobileHome" 
              EventName="CheckedChanged" /&gt;
  
  
  
      &lt;/Triggers&gt;
   &lt;/asp:UpdatePanel&gt;
  &lt;/p&gt;
   &lt;/asp:Content&gt;
  </code></pre>