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

时间:2010-06-23 18:24:36

标签: javascript jquery html css

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

2 个答案:

答案 0 :(得分:4)

此功能应该这样做:

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

它会隐藏或显示基于div的特定checkbox。我不确定你要隐藏或展示的是什么,所以我假设div

答案 1 :(得分:2)

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