Что не так с этим jQuery, показывая / скрывая текст в зависимости от значения флажка?

0

Я озадачен тем, почему это не делает то, что я ожидаю - это кажется настолько очевидным. Заранее спасибо.

if ($(':checkbox').is(":checked")) {
    $('p').show();
} else {
    $('p').hide();
}

http://jsfiddle.net/Guz4D/

  • 2
    Нужно ли прослушивать щелчок?
Теги:
checkbox

2 ответа

0
Лучший ответ

Вам просто нужно обернуть код внутри прослушивателя событий

$(document).ready(function() {   

 $('#checkboxID').click(function() {
            if ($(this).is(':checked')) {
                $('p').show();
            }
            else{
                $('p').hide();
            }
        });
 });
  • 1
    флажок не идентификатор, поэтому ваш ответ не работает
  • 0
    Я привожу в качестве примера. Вы можете заменить его идентификатором флажка или класса.
Показать ещё 2 комментария
1

Попробуй это

$(function(){
   $("#red").click(function(){
     if ($(this).is(':checked')) {
      $('#pp').show();
     } else {
     $('#pp').hide();
     }
  });
});

демонстрация

Ещё вопросы

Сообщество Overcoder
Наверх
Меню