Question

我在asp.net页面中有文本框和复选框。如果选中的复选框应该有一个输入掩码，如果取消选中它应该有另一个输入掩码。我的代码总是处于第二个条件，我被告知我应该在点击复选框时添加click事件来运行代码，因为我是jquery的新手，我需要帮助才能将click事件添加到我的脚本中。

请帮忙。

这是我的代码：

 <%@ 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

你必须做

 <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

此代码适用于我。

 $(document).ready(

 function() {

$('#chkhtml').click(

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

 });

添加单击事件的asp.net中的jquery复选框

2 个答案: