如何在checkbox =" true"上调用另一个Jquery函数？ [英] How can I call one Jquery function from another on checkbox="true"

问题描述

嘿所有人!!



我有一个复选框： -



< asp： CheckBox ID =CheckBox1runat =serverChecked =trueWidth =140px/>保存我的详细信息并致电我寻求帮助







我有一个按钮： -

< asp：按钮ID =Button4type =buttonrunat =serverText =比较率OnClientClick =callme（）; />





我的Jquery功能如下： -

 < script    类型  =  text / javascript > ;  
 
 $（函数callme（）{
 $（' ＃CheckBox1'）。点击（function（）{
  if （$（ this ).是（' ：checked'））{
 uservalid（）; 
} 
}）; 
}）; 
 
 
 function uservalid（）{
  var  name，mobile，mail，query; 
 name = document.getElementById（  ContentPlaceHolder1_text10）。值; 
 mobile = document.getElementById（  ContentPlaceHolder1_text11）。值; 
 mail = document.getElementById（  ContentPlaceHolder1_text12）。值; 
 query = document.getElementById（  ContentPlaceHolder1_text13）。值; 
 emailExp = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\。)+ （[com\co\.\in]）+ $ /; 
 
  if （name ==  && mobile ==  && mail = =  && query ==  ）{
 alert（ 输入所有字段Mendatory !!）; 
  return   false ; 
} 
 
  else   if （name ==  ）{
 alert（ 输入名称）; 
 document.getElementById（  ContentPlaceHolder1_Text10）。setAttribute（  style，  border：solid 1px red; background-color：＃E2D3DD）; 
} 
 
 其他  if （mobile ==  ）{
 alert（ 输入Mobile）; 
 document.getElementById（  ContentPlaceHolder1_Text11）。setAttribute（  style，  border：solid 1px red; background-color：＃E2D3DD）; 
} 
 
  else   if （mail ==  ）{
 alert（ 输入邮件）; 
 document.getElementById（  ContentPlaceHolder1_Text12）。setAttribute（  style，  border：solid 1px red; background-color：＃E2D3DD）; 
} 
 
  else   if （mail！= ' '）{
  if （！ mail.match（emailExp））{
 alert（ 无效的电子邮件ID）; 
  return   false ; 
} 
 返回  true ; 
} 
 
  else   if （query ==  ）{
 alert（ 输入您的查询）; 
 document.getElementById（  ContentPlaceHolder1_Text13）。setAttribute（  style，  border：solid 1px red; background-color：＃E2D3DD）; 
} 
 
} 
 < /   script  >  

现在我想要勾选复选框按钮点击功能callme执行（），然后调用函数uservalid（）。但是我无法做到。请帮忙!!

解决方案

（函数callme（）{

（' ＃CheckBox1'）。click（function（）{
if （

（ this ）。 （' ：选中'））{
uservalid（）;
}
}）;
}）;


function uservalid（）{
var name，mobile，mail，query;
name = document.getElementById（ ContentPlaceHolder1_text10）。值;
mobile = document.getElementById（ ContentPlaceHolder1_text11）。值;
mail = document.getElementById（ ContentPlaceHolder1_text12）。值;
query = document.getElementById（ ContentPlaceHolder1_text13）。值;
emailExp = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\。)+ （[com\co\.\in]）+

Hey Everyone!!

I've one checkbox:-

<asp:CheckBox ID="CheckBox1" runat="server" Checked="true" Width="140px" />Save My Details and Call me for Assistance




I've one button:-
<asp:Button ID="Button4" type="button" runat="server" Text="Compare Rates" OnClientClick="callme();" />


My Jquery functions are in as:-

<script type="text/javascript">

        $(function callme() {
            $('#CheckBox1').click(function () {
                if ($(this).is(':checked')) {
                    uservalid();
                }
            });
        });


        function uservalid() {
            var name, mobile, mail, query;
            name = document.getElementById("ContentPlaceHolder1_text10").value;
            mobile = document.getElementById("ContentPlaceHolder1_text11").value;
            mail = document.getElementById("ContentPlaceHolder1_text12").value;
            query = document.getElementById("ContentPlaceHolder1_text13").value;
            emailExp = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([com\co\.\in])+$/;

            if (name == "" && mobile == "" && mail == "" && query == "") {
                alert("Enter All Fields Mendatory!!");
                return false;
            }

            else if (name == "") {
                alert("Enter Name");
                document.getElementById("ContentPlaceHolder1_Text10").setAttribute("style", "border:solid 1px red;background-color:#E2D3DD");
            }

            else if (mobile == "") {
                alert("Enter Mobile");
                document.getElementById("ContentPlaceHolder1_Text11").setAttribute("style", "border:solid 1px red;background-color:#E2D3DD");
            }

            else if (mail == "") {
                alert("Enter Mail ");
                document.getElementById("ContentPlaceHolder1_Text12").setAttribute("style", "border:solid 1px red;background-color:#E2D3DD");
            }

            else if (mail != '') {
                if (!mail.match(emailExp)) {
                    alert("Invalid Email Id");
                    return false;
                }
                return true;
            }

            else if (query == "") {
                alert("Enter your Query");
                document.getElementById("ContentPlaceHolder1_Text13").setAttribute("style", "border:solid 1px red;background-color:#E2D3DD");
            }

        }
        </script>

Now I want if checkbox is checked onbutton click function callme() is executed which in turn calls function uservalid(). But I'm not able to do it. Please Help!!

解决方案

(function callme() {

('#CheckBox1').click(function () { if (

(this).is(':checked')) { uservalid(); } }); }); function uservalid() { var name, mobile, mail, query; name = document.getElementById("ContentPlaceHolder1_text10").value; mobile = document.getElementById("ContentPlaceHolder1_text11").value; mail = document.getElementById("ContentPlaceHolder1_text12").value; query = document.getElementById("ContentPlaceHolder1_text13").value; emailExp = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([com\co\.\in])+

这篇关于如何在checkbox =&quot; true&quot;上调用另一个Jquery函数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！