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

问题描述:

我正在为客户做一个表格,他给了我任务来创建一个显示/隐藏效果,当某些复选框处于未选中状态时。当复选框被选中/取消选中时如何隐藏/显示内容?

这个功能应该这样做:

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

根据checkbox它会隐藏或显示特定div。我不确定你想要隐藏或显示什么,所以我只是假设div

+1

这工作完美。非常感谢。 – Ozzy 2010-06-23 18:47:33

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

这有缺点,最初在页面加载时,总是显示'#targetToHideAndShow',而不是隐藏。 – smci 2011-11-15 21:10:36