如何隱藏textareas，如果複選框未選中 - jQuery

Question

我想用jQuery來查看一個窗體和每個複選框'如果選中'然後顯示一個包含textarea的div。

每格的複選框ID「checkbiox_foo」是ID「checkbox_foo_reasons」

我在jQuery的一個總的小白所以我遠了，但我不能選擇div隱藏或顯示它。

$(document).ready(function() { 
$('#storySelection input').each(function(){ 
    if($(this).is(':checked')){ 
    alert($('#'+this.id+'_reasons')); 

    } 
}); 
}); 

任何幫助感激地收到。

乾杯，

保羅

Answer 1

沒有看到你的HTML，我不能肯定知道，但你可能想是這樣的：

$(function() { 
    $('#storySelection input').click(function() { 
    var $this = $(this); 
    if ($this.is(':checked')) { 
     $this.next('div').show(); 
    } else { 
     $this.next('div').hide(); 
    } 
    }) 
}); 

Answer 2

可以使用.change()做到這一點， .toggle()，像這樣：

$(function() { 
$('#storySelection input').change(function() { 
    $('#'+this.id+'_reasons').toggle(this.checked); 
}); 
})