當複選框選中時，jQuery隱藏div，未選中時顯示

我想在用戶單擊複選框時隱藏div，並在用戶取消選中該複選框時顯示它。 HTML：當複選框選中時，jQuery隱藏div，未選中時顯示

<div id="autoUpdate" class="autoUpdate"> 
    content 
</div>

的jQuery：

<script> 
$('#checkbox1').change(function(){ 
     if (this.checked) { 
      $('#autoUpdate').fadeIn('slow'); 
     } 
     else { 
      $('#autoUpdate').fadeOut('slow'); 
     }     
    }); 
</script>

我有一個很難得到這個工作。

來源

2013-02-07 user2035638

這個問題可能會幫助你http://stackoverflow.com/questions/3312502/hide-text-when-checkbox-is-unchecked-using-jquery –

確保使用ready事件。

代碼：

$(document).ready(function(){ 
    $('#checkbox1').change(function(){ 
     if(this.checked) 
      $('#autoUpdate').fadeIn('slow'); 
     else 
      $('#autoUpdate').fadeOut('slow'); 

    }); 
});

來源

2013-02-07 18:02:03 gdoron

我相信這一定是問題，因爲代碼工作正常jsFiddle：http://jsfiddle.net/mxRCz/ –

Okey，我會再次檢查我的代碼。 – user2035638

我發現我的問題在哪裏。標籤導致此問題。工作時我刪除標籤。謝謝！ – user2035638

HTML

<input type="checkbox" id="cbxShowHide"/><label for="cbxShowHide">Show/Hide</label> 
<div id="block">Some text here</div>

CSS

#block{display:none;background:#eef;padding:10px;text-align:center;}

的JavaScript/jQuery的

$('#cbxShowHide').click(function(){ 
this.checked?$('#block').show(1000):$('#block').hide(1000); //time for show 
});

來源

2014-09-15 11:35:27 srivenkatesh

當複選框選中時，jQuery隱藏div，未選中時顯示

回答

相關問題