开发者

jquery with check box in asp.net adding click event

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 p开发者_C百科icking 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>


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>


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");
 }
 });

 });
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜