Ищите сценарий jQuery для замены содержимого div в зависимости от того, установлен флажок или не установлен

Question

Я ищу быстрый скрипт для изменения div, когда флажок установлен.

Например: Установите флажок, и появится сообщение «div1».Снимите флажок, и появится «div2».

Визуальный пример: http://www.mmo -champion.com / Посмотрите на поле «Недавние сообщения на форуме».Я ищу что-то подобное.

Спасибо!

Answer 1

Вы можете попробовать:

$('#checkboxID').click(
    function(){
        $('#div1, #div2').toggle();
    });

JS Fiddle demo

Предполагается, что div1 скрыт, а при загрузке страницы отображается div2, и при первом щелчке будет установлен флажок, и поэтому будут отображаться div s.

Ссылки:

• click().
• toggle().

Answer 2

Пожалуйста, смотрите код ниже:

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