如何使用jquery在bootstrap和asp.net中显示hide div [英] how to show hide div in bootstrap and asp.net using jquery

问题描述

我有以下代码与我，我试图显示隐藏iv但我的代码不能正常工作请建议我更正并非常感谢您的帮助和建议



这是我的代码

 <   div     class   =  box-body >  
 <   div     class   =  row >  
 <   div     cla ss   =  col-md-12   样式  =  padding-right： 25px >  
 <   div     class   =  form-group col-md-12 >  
 <   div     class   =  col-md-4 >  
 <   br     /  >  
 <   asp：Checkbox     ID   =  chk_pf    runat   =  server   文本  = 公积金    Value   =  pf   < span class =code-attribute> ClientIDMode   = < span class =code-keyword>静态    onclick   =  showpf（） >  <   / asp：Checkbox  >  
 <   / div  >  
 
 
 <   div     class   =  pf    style   =  display：none >  
 <   div     class   =  col-md-4 >  
 <   label  >  PF来自员工：<   / label  < span class =code-keyword>>  
 <   asp：TextBox     ID   =  txt_pf_employee    runat   =  server    CssClass   ='  form-control'   占位符  =  PF来自员工 >  <   / asp：TextBox  >  
 <   / div  > ;  
 
 <   div     class   =  col -md-4 >  
 <   label  >  PF来自雇主：<   / label  >  
 <   asp：TextBox     ID   =  txt_pf_employer    runat   =  server    CssClass   =' 表单控制'   占位符  =  PF来自雇主 >  <   / asp：TextBox  >  
 <   / div  >  
 <   / div  >  
 <   / div  >  
 <   / div  >  
 < span class =code-keyword><   / div  >  
 <   / div  >  

以下是jquery的代码

 <   script     type   =  text / javascript >  
 
 function showpf（）{
 if（$（'＃<％ = chk_pf.ClientID ％> ; '）。is（'：Checked'））{
 $（。pf）。show（）; 
} 
 else {
 $（。pf）。hide（）; 
} 
} 
 <   / script  >  

解决方案

（'＃< ;％ = chk_pf.ClientID ％> '）。is（'：Checked'））{

（ .PF）显示（）;
}
else {

（。pf）。hide（）;
}
}
< / script >

I have a following code with me and i tried to show hide iv but my code does not working properly please suggest me the corrections and thanks a lot for your helps and suggestions

Here is my code

<div class="box-body">
            <div class="row">
                <div class="col-md-12" style="padding-right:25px">
                    <div class="form-group col-md-12">
                        <div class="col-md-4">
                        <br />
                            <asp:Checkbox ID="chk_pf" runat="server" Text="Provident Fund" Value="pf" ClientIDMode="Static" onclick="showpf()"></asp:Checkbox>
                        </div>


                        <div class="pf" style="display:none">
                        <div class="col-md-4">
                            <label> PF From Employee : </label>
                        <asp:TextBox ID="txt_pf_employee" runat="server" CssClass='form-control' placeholder="PF From Employee"></asp:TextBox>
                        </div>

                        <div class="col-md-4">
                            <label> PF From Employer : </label>
                        <asp:TextBox ID="txt_pf_employer" runat="server" CssClass='form-control' placeholder="PF From Employer"></asp:TextBox>
                        </div>
                        </div>
                    </div>
 </div>
 </div>
 </div>

Here is code for the jquery

<script type="text/javascript">

            function showpf(){
            if ($('#<%=chk_pf.ClientID %>').is(':Checked')) {
                $(".pf").show();
            }
            else {
                $(".pf").hide();
            }
        }
</script>

解决方案

('#<%=chk_pf.ClientID %>').is(':Checked')) {

(".pf").show(); } else {

(".pf").hide(); } } </script>

这篇关于如何使用jquery在bootstrap和asp.net中显示hide div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！