显示内容？

【问题标题】：How to hide/show content when checkbox is checked/unchecked?选中/取消选中复选框时如何隐藏/显示内容？
【发布时间】：2010-06-23 18:24:36
【问题描述】：

我正在为客户制作一个表单，他给了我一项任务，即在未选中某个复选框时创建显示/隐藏效果。

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

这个函数应该可以做到：

$("#yourCheckboxID").click(function ()
{
    if ($("#yourCheckboxID").attr("checked"))
    {
        $("#yourDivID").show();
    }
    else
    {
        $("#yourDivID").hide();
    }              
});

它将基于checkbox 隐藏或显示特定的div。我不确定你到底想隐藏或显示什么，所以我只是假设div。

【讨论】：

【解决方案2】：

$("#checkboxID").change(function() { $("#targetToHideAndShow").toggle() } );

【讨论】：

这有一个缺点，在页面加载时，#targetToHideAndShow 将始终显示，而不是隐藏。