Javascript 如果选中任何复选框，则另一个div将为fadeIn（）；

我的表单中有8个复选框和另一个div用于MySQL查询。我希望，如果选中任何复选框，该div将淡出，如果未选中，我的div将淡出； 我不知道正确的格式。请帮我解决这个问题

复选框

 <input type="checkbox" name="data[]" value="1">Mathematics
<input type="checkbox" name="data[]" value="2">Physics
<input type="checkbox" name="data[]" value="3">Chemistry
<input type="checkbox" name="data[]" value="4">Biology
<input type="checkbox" name="data[]" value="5">English
<input type="checkbox" name="data[]" value="6">History

数学
物理
化学
生物
英语
历史

另一个div

<div class="my_div"> This Div will fadeIn and fadeOut if Minimum one dive is checked </div>

如果选中最小一次下潜，则该下潜将淡入淡出

请用HTML和jQuery代码给我答案。

此代码有效：

<input type="checkbox" name="data[]" value="1">Mathematics
<input type="checkbox" name="data[]" value="2">Physics
<input type="checkbox" name="data[]" value="3">Chemistry
<input type="checkbox" name="data[]" value="4">Biology
<input type="checkbox" name="data[]" value="5">English
<input type="checkbox" name="data[]" value="6">History
Another div

<div class="my_div" style="display: none;"> This Div will fadeIn and fadeOut if Minimum one dive is checked </div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('input').change(function(){
            var count = 0;
            var inputs = $('input');
            inputs.each(function(){
                if (this.checked ) {
                    count++;
                }
            });
            if(count == 0){
                $('div').fadeOut();
            }
            if(count == 1){
                $('div').fadeIn();
            }
        });
    });
</script>

数学
物理
化学
生物
英语
历史
另一个部门
如果检查到至少一次下潜，则该下潜将淡入淡出
$（文档）.ready（函数（）{
$（'input'）.change（函数（）{
var计数=0；
变量输入=$（‘输入’）；
输入。每个（函数（）{
如果（选中此项）{
计数++；
}
});
如果（计数=0）{
$（'div'）.fadeOut（）；
}
如果（计数=1）{
$（'div'）.fadeIn（）；
}
});
});

如果div文件夹位于HTML标记中的复选框之后，则可以使用css执行此操作

CSS:

Html标记需要如下所示

<input type="checkbox" name="data[]" value="6">History

<div>Test</div>

历史
试验

---

否则，使用css我们将无法选择它。

在您展示了您的尝试后，我会选择它

<input type="checkbox" name="data[]" value="6">History

<div>Test</div>