選中/取消選中復選框時如何隱藏/顯示內容？

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() } );