JS庫在複選框狀態下顯示/隱藏元素

Question

我對JS相當陌生，正在嘗試使用此blog post編寫我自己的庫，並且想要一個手。 （道歉，如果這太模糊的SO問題）

我想寫一個函數，顯示或隱藏查詢元素的基礎上查詢複選框的狀態（和另一個單選按鈕，如果我可以'在一種方法中做）。

於是我找的是這樣結束了：

$(divId).checkToggle(checkBoxId); 

所以DIV將開始爲隱藏。當點擊複選框時，div將切換爲可見。當複選框未選中時，我想讓div再次隱藏，並將其中的任何輸入字段清除（可能只有一個輸入字段）。

我知道這個函數並不是真正可以合併或可重用的，但我會經常使用它，因爲我會忽略這一點。

好的，足夠的序言。 Here's what I have so far。

我可以就如何更改/完成checkToggle方法提供一些建議嗎？謝謝！

Answer 1

這爲我工作：

$(document).ready(function(){ 
$('#checkbox1').change(function() { 
     if($(this).attr('checked')) { 
      $("#myDiv").slideDown(1000); 
     } 
     else 
     { 
      $('#myDiv').slideUp(1000); 
     } 
    }); 
});