チェックボックスの値に基づいてdivを切り替えます

Question

これを達成する方法がわかりません。私がしたいのは、チェックボックスの値に基づいてdivを非表示にすることです。これは私のトグルコードです。

.always任意の助けに感謝チェックボックス

$(document).ready(function() { 
      $('.always').click(function() {     
       $('#dates').toggle(); 
      }); 
     }); 

Answer 1

.toggle()はこのように、同様ブール値を取ります：

$(function() { 
    $('.always').change(function() {     
    $('#dates').toggle(!this.checked); 
    }).change(); //ensure visible state matches initially 
}); 

You can test it out here。私は上記の場合.alwaysがチェックされている場合は#datesを隠しておきたいと思います。

Answer 2

$('.always').change(function() { 
$('#dates').toggle(!this.checked); 
});