ErBhati Ответов: 1

Как загрузить див после нажатия кнопки и скрывать при загрузке страницы, а страница остановиться на каждой кнопкой.


Привет,
Я столкнулся с проблемой. У меня есть две кнопки "Показать выбранное "и"показать все". когда моя страница загружается, то "показать выбранное "становится видимым, а" показать все " - скрытым. теперь я хочу, чтобы при нажатии на кнопку "Показать выбранные" было видно "показать все". Теперь проблема заключается в том, что каждый раз при нажатии кнопки "Показать выбранную" загружается страница. Как я это исправлю.

Спасибо

Вот мой код
 @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>    
} 

вот мой код Jquery
<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>

deepankarbhatnagar

покажите ваш код пожалуйста

1 Ответов

Рейтинг:
7

ErBhati

$(document).ready(function () {        
          $("#divdraw").hide();          
 $("#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")';
               });
                $("#divdraw").show();
           }
           else
               alert('Please select Records First.');
       });