如何在按钮单击后加载div并在页面加载时隐藏，而每次单击时都会对页面进行加盖。 [英] How to load div after button click and hide on page load while page is laoded on every click.

问题描述

我遇到了问题。我有两个按钮Show Selected和Show All。当我的页面被加载时，Show Selected可见，Show All被隐藏。现在我想当我点击显示所选然后显示所有是可见的。现在问题是每次点击显示所选项页面都会被加载。我如何解决这个问题。



谢谢



这是我的代码

 @using（Html.BeginForm（））
 {
 @ Html.ValidationSummary（true，，new {@class =alert-danger}）
 < div class =serchfield-container> 
< div class =main-button2> 
 
< div class =imageHolderid =undo> 
< a href =＃id =btnundoname =btnundoclass =hint  -  topdata-hint =Show All> 
< img src =/ Content / images / undo.pngalt =title => 
< / a> 
< / div> 
< div id =divbtn> 
< div class =imageHolder> 
< a href =＃id =btnselectedname =btnselectedclass =hint  -  topdata-hint =Show Selected> 
< img src =/ Content / images / selected.pngalt =title => 
< / a> 
< / div> 
< / div> 
} 

这是我的Jquery代码

< script> 
 $（ document ）。ready（ function （）{
 $（< span class =code-string>' ＃undo'）。css（{  display：  none} ）
 $（ ＃btnselected）。click（ function （）{
  var  txt =  选择; 
 GetCheckedRecord（）; 
  if （checkval.length>  1 ）{
 $ .post（'  / NewResult / ShowSelectedID /'，$ .param（{Ids：checkval，btn：txt}， true ） ， function （data）{
  window 。 location  .href = '  @ Url.Action（Index，NewResult）'; 
}）; 
 Show_Div（txt）; 
} 
  else  
 alert（' 请选择Records First。'）; 
}）; 
 
}）; 
 
  function  Show_Div（btn）{
  if （btn = ==  已选择）{
 $（' ＃undo'）。css（{ 显示：  block}）
} 
  else  {
 $（' ＃撤消'）。css（{  display：  none}）
} 
} 
< / script> 
 

解决方案

（ document ）。ready（ function （）{

（' ＃undo'）。css（{ display： none}）

（ ＃btnselected）。click（ function （）{
var txt = 已选择;
GetCheckedRecord（）;
if （checkval.length> 1 ）{

Hi,
I face a problem. I have two button "Show Selected" and "Show All". when my page is loaded then "Show Selected" is visible and "Show All" is hide. now i want when i click on "Show Selected" then "Show all" is visible. Now Problem is Every time on click of "Show Selected" page is loaded. How i fix that.

Thanks

Here Is my Code

 @using (Html.BeginForm())
{
              @Html.ValidationSummary(true, "", new { @class = "alert-danger" })
            <div class="serchfield-container">           
                <div class="main-button2" >
                  
                    <div class="imageHolder" id="undo">
                        <a href=" #" id="btnundo" name="btnundo" class="hint--top" data-hint=" Show All">
                            <img src="/Content/images/undo.png" alt="" title="">
                        </a>
                    </div>                  
                    <div id="divbtn">                      
                        <div class="imageHolder">
                            <a href="#" id="btnselected" name="btnselected" class="hint--top" data-hint=" Show Selected">
                                <img src="/Content/images/selected.png" alt="" title="">
                            </a>
                        </div>    
 </div>    
} 

here is my Jquery Code

<script>
         $(document).ready(function () {
             $('#undo').css({ "display": "none" })
 $("#btnselected").click(function () {
           var txt = "Selected";
           GetCheckedRecord();
           if (checkval.length > 1) {
               $.post('/NewResult/ShowSelectedID/', $.param({ Ids: checkval, btn: txt }, true), function (data) {
                   window.location.href = '@Url.Action("Index", "NewResult")';
               });
               Show_Div(txt);
           }
           else
               alert('Please select Records First.');
       });

       });

 function Show_Div(btn) {
           if (btn === "Selected") {
               $('#undo').css({ "display":"block" })
           }
           else {
               $('#undo').css({ "display": "none" })
           }
       }
   </script>

解决方案

(document).ready(function () {

('#undo').css({ "display": "none" })

("#btnselected").click(function () { var txt = "Selected"; GetCheckedRecord(); if (checkval.length > 1) {

这篇关于如何在按钮单击后加载div并在页面加载时隐藏，而每次单击时都会对页面进行加盖。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！