如何使用复选框切换另一个元素？

如何检查我的id为UseUsername复选框UseUsername已被选中，然后使用该信息切换id为div另一个元素？

Answer 1

它很简单：

 $('#UseUsername').change(function(){ if($(this).is(':checked')){ $('#div').show(); } else { $('#div').hide(); } }); 

此外，您可以在页面加载时触发此事件，因此如果未选中该复选框，div将消失。

 // Show the div only if the checkbox is checked function toggleDiv(){ if($(this).is(':checked')){ $('#div').show(); } else { $('#div').hide(); } } $(document).onload(function(){ // Set change event to hide/show the div $('#UseUsername') .change(toggleDiv) .trigger('change'); }); 

Answer 2

一个非常简单的方法是这样的：

 $('#UseUsername').change(function(){ $('#div').toggle(this.checked); // show if it is checked, otherwise hide }); 

试试吧： http ： //jsfiddle.net/mHNuN/