选中/取消选中复选框时如何隐藏/显示内容？

Question

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

Answer 1

这个功能应该这样做：

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

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

Answer 2

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