jquery with check box in asp.net adding click event

Question

I have textbox and checkbox in asp.net page. if the check box checked should have an input mask and if its uncheck should have another input mask. my code is always picking up second condition and I've been advised that I should add click event to run the code whenever the checkbox is clicked and because I'm new with jquery i need help to add click event to my script.

please help.

here is my code:

 <%@ Page Title="" Language="C#" MasterPageFile="~/Imam.Master" AutoEventWireup="true" 
    CodeBehind="WebForm4.aspx.cs" Inherits="Imam_Contacts.WebForm4" %>
 <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

 <script src="js/jquery-1.4.1.js" type="text/javascript"></script>


<script src="js/jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
  <script type="text/javascript">



  $(function() {
 if ($('#chkhtml:checked').length > 0) {
   $("#txthtml").mask("999-99-9999");
  } else { 
   $("#txthtml").mask("99/99/9999");
  }
 }); 

</script>


</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<input id="chkhtml" type="checkbox" checked="checked" />

 </asp:Content>

Answer 1

You have to do

 <script src="js/jquery.maskedinput-1.2.2.js" type="text/javascript"></script> 
  <script type="text/javascript"> 

   $(function() { 
     if ($('#chkhtml:checked')) { 
      $("#txthtml").mask("999-99-9999"); 
     } else {  
        $("#txthtml").mask("99/99/9999"); 
     } 
  });  

</script>

Answer 2

This code works for me.

 $(document).ready(

 function() {

$('#chkhtml').click(

  function() {
  if ($('#chkhtml:checked').length > 0) {
     $("#txthtml").mask("999-99-9999");
 } else {
     $("#txthtml").mask("99/99/9999");
 }
 });

 });