Форум PHP программистов > Сокрытие элемента в зависимости от radiobutton

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Сокрытие элемента в зависимости от radiobutton

userguest

24.06.2010 - 20:53

Здравствуйте.
Как c помощью jQuery скрыть блок <div id="to_hide"> если radiobutton с id="button_for_hide" выбрана?

Спустя 4 минуты, 59 секунд (24.06.2010 - 18:58) waldicom написал(а):

примерно так:

if ($("#button_for_hide:checked").val() == "YOUR_VALUE") {
    $("#to_hide").hide();
}

Спустя 17 минут, 1 секунда (24.06.2010 - 19:15) userguest написал(а):

Спасибо. Работает.
Сделал вот как:

$("#button_for_hide").click(function(){
									  
if ($("#button_for_hide:checked").val() == "1") {
    $("#to_hide").hide();
};
if ($("#button_for_hide:checked").val() != "1") {
    $("#to_hide").show();
}
 
 });

Первое условие - если равно 1 - работает. Второе - нет. Второе я сделал, чтобы, если выбрана другая кнопка, спрятанный блок снова появлялся.

Спустя 8 часов, 47 минут, 18 секунд (25.06.2010 - 04:03) Basili4 написал(а):

а через else не .... ?


if ($("#button_for_hide:checked").val() == "1") 
    $("#to_hide").hide();
 else
  $("#to_hide").show();

Спустя 2 часа, 18 минут, 30 секунд (25.06.2010 - 06:21) userguest написал(а):

Нет и так не работает.

Спустя 31 минута, 5 секунд (25.06.2010 - 06:52) Basili4 написал(а):

Не может быть.


if ($("#button_for_hide:checked").val() == "1") {
    $("#to_hide").hide();
};
if ($("#button_for_hide:checked").val() != "1") {
    $("#to_hide").show();

Эти 2 условия противоречивы значит. должно работать через else

Спустя 12 минут, 1 секунда (25.06.2010 - 07:04) userguest написал(а):

Да по логике - да.
Может где то знаки препинания неправильно проставлены.
Приведу весь код.

$(document).ready(function(){

$("#button_for_hide").click(function(){

if ($("#button_for_hide:checked").val() == "1") {
$("#to_hide").hide();
};
if ($("#button_for_hide:checked").val() != "1") {
$("#to_hide").show();
}

});

});

Спустя 1 минута, 46 секунд (25.06.2010 - 07:06) userguest написал(а):

Пардон, предыдущее сообщение случайно отправил.

Да по логике - да.
Может где то знаки препинания неправильно проставлены.
Приведу весь код.

$(document).ready(function(){
 
    $("#button_for_hide").click(function(){
									  
         if ($("#button_for_hide:checked").val() == "1") {
              $("#to_hide").hide();
         }
         else
              $("#to_hide").show();
 
    });

});

Спустя 8 минут, 23 секунды (25.06.2010 - 07:15) Basili4 написал(а):

Да нет синтаксис верен. такой впечатления что условие никогда не верно попробуй вствить перед условием alert($("#button_for_hide:checked").val()) глянь что возращает

Спустя 9 минут, 20 секунд (25.06.2010 - 07:24) userguest написал(а):

Код вставил, отображает только значение первой radiobutton при ее нажатии.

Вот на всякий случай код radiobuttons.

<input type="radio" name="name_of_button" value=1 id="button_for_hide"><br>
<input type="radio" name="name_of_button" value=2 id="button_for_hide"><br>
<input type="radio" name="name_of_button" value=3 id="button_for_hide"><br>

Спустя 16 минут, 30 секунд (25.06.2010 - 07:40) Basili4 написал(а):

у радио id разные должны быть а name могутт быть одинаковые в твоем случае правленый будет использовать
$("input:checked")

Спустя 5 минут, 35 секунд (25.06.2010 - 07:46) userguest написал(а):

Спасибо.
Поменял id у всех radiobutton.
Изменил код:

$(document).ready(function(){
 
    $("input").click(function(){
									  
         if ($("input:checked").val() == "1") {
              $("#to_hide").hide();
         }
         else
              $("#to_hide").show();
 
    });

});

Заработало.

Спустя 9 минут, 34 секунды (25.06.2010 - 07:56) userguest написал(а):

Вот полный код, может кому то пригодится.
Описание кода: используется jQuery.
Назначение: отображение/сокрытие блока div с id="to_hide" в зависимости от выбранной radiobutton. В данном случае если выбрана radiobutton с value=1, то блок div с id="to_hide" скрывается, если выбрана radiobutton с value != 1, то блок снова появляется.

<script type="text/javascript">

     $(document).ready(function(){
 
          $("input").click(function(){
									  
               if ($("input:checked").val() == "1") {
                    $("#to_hide").hide();
               }
               else
                    $("#to_hide").show();
 
          });

     });

</script>

<input type="radio" name="name_of_button" value=1 id="button_for_hide"><br>
<input type="radio" name="name_of_button" value=2 id="button_for_hide"><br>
<input type="radio" name="name_of_button" value=3 id="button_for_hide"><br>

<div id="to_hide">
     <!--Здесь расположено нужное содержимое, которое будет скрываться/отображаться-->     
</div>

Спустя 1 минута, 50 секунд (25.06.2010 - 07:57) userguest написал(а):

В прошлом примере ошибка.

Вот полный код, может кому то пригодится.
Описание кода: используется jQuery.
Назначение: отображение/сокрытие блока div с id="to_hide" в зависимости от выбранной radiobutton. В данном случае если выбрана radiobutton с value=1, то блок div с id="to_hide" скрывается, если выбрана radiobutton с value != 1, то блок снова появляется.

<script type="text/javascript">

     $(document).ready(function(){
 
          $("input").click(function(){
									  
               if ($("input:checked").val() == "1") {
                    $("#to_hide").hide();
               }
               else
                    $("#to_hide").show();
 
          });

     });

</script>

<input type="radio" name="name_of_button" value=1 id="button_for_hide1"><br>
<input type="radio" name="name_of_button" value=2 id="button_for_hide2"><br>
<input type="radio" name="name_of_button" value=3 id="button_for_hide3"><br>

<div id="to_hide">
     <!--Здесь расположено нужное содержимое, которое будет скрываться/отображаться-->     
</div>

Спустя 1 год, 10 месяцев, 9 минут, 56 секунд (25.04.2012 - 08:07) china47 написал(а):

используйте class для кнопок, в отличие от id он один на все кнопки, тогда выбор будет логичнее и проще,

что-то вроде $(".button_for_hide:checked").val()

при условии что кнопки описаны как

<input type="radio" name="name_of_button" value=1 class="button_for_hide"><br>
<input type="radio" name="name_of_button" value=2 class="button_for_hide"><br>

Быстрый ответ:

Здесь расположена полная версия этой страницы.