javascript - 无法让复选框停止显示隐藏的 Div

Question

我插入了一些 javascript 来获取两个复选框，特别是在选中它们时显示隐藏的 Div，并在取消选中时使该 Div 消失。我遇到的问题是，所有其他复选框在选中时都会使 Div 出现。现在它们不会像原来的两个复选框那样淡入或淡出。相反，其他复选框只是使隐藏的 Div 只出现。如何防止其他复选框影响 Div。

页面是http://asilverwareaffair.net/_NEW/request-a-quote/

正确的复选框是:

Wedding Reception (Ceremony is off site)
Wedding Reception (Ceremony on site)

它们位于“事件详细信息”部分的“事件类型”下

Div: id="weddingselect"class="hide" 隐藏，但在选中任何复选框时显示。但是，当选中和取消选中上面的正确复选框时，它会正确淡入和淡出。什么会导致页面上的所有其他复选框使“weddingselect”Div 变得可见，我该如何阻止它们？

下面是我用来使 div 与婚礼招待会复选框淡入淡出的 JavaScript:

<script language="javascript" type="text/javascript">
$(document).ready(function () {
    $('#wedchk1').change(function () {
        if (this.checked) 
        //  ^
           $('#weddingselect').fadeIn('slow');
        else 
            $('#weddingselect').fadeOut('slow');
    });
    $('#wedchk2').change(function () {
        if (this.checked) 
        //  ^
           $('#weddingselect').fadeIn('slow');
        else 
            $('#weddingselect').fadeOut('slow');
    }); 
});
</script>

但是:我不认为我的 javascript 与它有任何关系，因为如果我删除所有 javascript，页面上的复选框在选中时仍然会使隐藏的 div 出现...它对我来说没有意义。

Answer 1

您的 custom.js 中有以下代码:

$('input[type="checkbox"]').change(function () {
        if (this.checked) {
            var chkVal = (this.value);
            if(chkVal="Wedding Reception"){
                $('#weddingselect').show();
                //$('#weddingselect').css()
            }else{
                $('#weddingselect').hide();
            }

        }
        //$('#weddingselect').hide();
});

这就是为什么即使您删除了提到的脚本它仍然“有效”。