寻找jQuery脚本以根据选中/未选中的复选框交换div内容

问题描述

|| 我正在寻找一个快速脚本来在选中复选框时更改div。 例如：选中复选框，然后显示\“ div1 \”。取消选中该复选框，将显示\“ div2 \”。 视觉示例：http://www.mmo-champion.com/看一下“最近的论坛帖子”框。我正在寻找完全一样的东西。 谢谢！     

解决方法

        您可以尝试：

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

JS小提琴演示 假定页面加载时，1被隐藏，而load2被显示，并且第一次单击将选中该复选框，因此显示ѭ3。 参考文献：

click()

。

toggle()

。     ,        请参见下面的代码：

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