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

【问题标题】：Looking for jQuery script to swap div contents depending on checkbox checked/unchecked根据选中/未选中的复选框寻找 jQuery 脚本来交换 div 内容
【发布时间】：2011-05-28 08:41:15
【问题描述】：

我正在寻找一个快速脚本来在选中复选框时更改 div。

例如：勾选复选框，出现“div1”。取消选中复选框并出现“div2”。

视觉示例： http://www.mmo-champion.com/ 看看那里的“最近的论坛帖子”框。我正在寻找完全一样的东西。

谢谢！

【问题讨论】：

标签： jquery html checkbox swap

【解决方案1】：

你可以试试：

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

JS Fiddle demo

这假定div1 被隐藏，div2 被显示，在页面加载时，第一次点击将选中复选框，因此显示divs。

参考资料：

click()。
toggle()。

【讨论】：

【解决方案2】：

请看下面的代码：

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

【讨论】：

完美运行。现在有没有办法将用户选项保存在 cookie 中？这样当他们重新访问页面时，复选框保持不变？
嗯，代码在 IE 中似乎不起作用。有解决办法吗？
是的，在我的 IE8 上不起作用，奇怪。我的 CMS 使用原型，所以我必须将所有 $ 更改为“jQuery”，这会导致什么问题吗？另外，你对cookies有什么了解吗？我想进行设置，以便用户保留它的 div 和复选框在页面重新加载时保持不变。
修复了 IE 8 的问题，只需要更新 jQuery。尽管如此，仍在为饼干寻求帮助！ =)
检查这个问题：stackoverflow.com/questions/1458724/…