Javascript Jquery在复选框更改时隐藏/取消隐藏未按预期运行

原谅我的任何坏习惯，我已经玩了48个小时的html和jquery

我正试图根据选中的复选框隐藏/取消隐藏输入字段。然后，如果选中“无”框，则隐藏所有字段

我对下面显示输入字段的代码有问题，直到复选框被选中/取消选中一次。然后他们开始表现得像他们应该做的那样。我还通过取消选中其他框使“None”框工作，但这不会触发字段隐藏，就像我希望的那样

有什么建议吗

TLDR:DIV字段在选中相应的框之前不应显示。如果选中“无”框，则所有DIV字段都应消失

$（'#复选框-0'）。更改（函数（）{
如果（选中此项）
$（'blank_co'）。fadeIn（'slow'）；
其他的
$（'blank#u co'）。淡出（'slow'）；
});
$（'#复选框-1'）。更改（函数（）{
如果（选中此项）
$（'fresh_co'）。fadeIn（'slow'）；
其他的
$（'fresh_co'）。淡出（'slow'）；
});
$（'#复选框-2'）。更改（函数（）{
如果（选中此项）
$（'marine#u co'）。fadeIn（'slow'）；
其他的
$（'marine#u co'）。淡出（'slow'）；
});
$（'#复选框-3'）。更改（函数（）{
如果（选中此项）
$（'rain_co'）。fadeIn（'slow'）；
其他的
$（'rain_co'）。淡出（'slow'）；
});
var$others=$（'input[name=“checkbox”]'）。而不是（'#checkbox-4'）
$（'#复选框-4'）。更改（函数（）{
如果（选中此项）{
$others.prop（'checked'，false）
}
});
$others.change（函数（）{
如果（选中此项）{
$（“#复选框-4”）.prop（'checked'，false）
}
})

选择任何所需的背景：
空白
淡水
海水
雨
没有一个
空白截止：（1-99）
淡水切断：（1-99）
海水切断：（1-99）
雨水切断：（1-99）

您需要首先获取包含输入的所有

元素，然后在勾选

None

复选框时，根据需要调用每个

以淡出

选择任何所需的背景：
空白
淡水
海水
雨
没有一个
空白截止：（1-99）
淡水切断：（1-99）
海水切断：（1-99）
雨水切断：（1-99）
$（文档）.ready（函数（）{
$（'#复选框-0'）。更改（函数（）{
如果（选中此项）
$（'blank_co'）。fadeIn（'slow'）；
其他的
$（'blank#u co'）。淡出（'slow'）；
});
$（'#复选框-1'）。更改（函数（）{
如果（选中此项）
$（'fresh_co'）。fadeIn（'slow'）；
其他的
$（'fresh_co'）。淡出（'slow'）；
});
$（'#复选框-2'）。更改（函数（）{
如果（选中此项）
$（'marine#u co'）。fadeIn（'slow'）；
其他的
$（'marine#u co'）。淡出（'slow'）；
});
$（'#复选框-3'）。更改（函数（）{
如果（选中此项）
$（'rain_co'）。fadeIn（'slow'）；
其他的
$（'rain_co'）。淡出（'slow'）；
});
var$others=$（'input[name=“checkbox”]'）。而不是（'#checkbox-4'）
var$othersWrappers=$（'div[id$=“\u co”]”）
$（'#复选框-4'）。更改（函数（）{
如果（选中此项）{
$others.prop（'checked'，false）
$othersWrappers.每个（函数（索引）{
$（这个）。淡出（“慢”）；
});
}
});
$others.change（函数（）{
如果（选中此项）{
$（“#复选框-4”）.prop（'checked'，false）
}
})
});

这可能是您需要的

选择任何所需的背景：
空白
淡水
海水
雨
没有一个
空白截止：（1-99）
淡水切断：（1-99）
海水切断：（1-99）
雨水切断：（1-99）
$（文档）.ready（函数（）{
$（'#复选框-0'）。更改（函数（）{
如果（选中此项）
$（'blank_co'）。fadeIn（'slow'）；
其他的
$（'blank#u co'）。淡出（'slow'）；
});
$（'#复选框-1'）。更改（函数（）{
如果（选中此项）
$（'fresh_co'）。fadeIn（'slow'）；
其他的
$（'fresh_co'）。淡出（'slow'）；
});
$（'#复选框-2'）。更改（函数（）{
如果（选中此项）
$（'marine#u co'）。fadeIn（'slow'）；
其他的
$（'marine#u co'）。淡出（'slow'）；
});
$（'#复选框-3'）。更改（函数（）{
如果（选中此项）
$（'rain_co'）。fadeIn（'slow'）；
其他的
$（'rain_co'）。淡出（'slow'）；
});
var$others=$（'input[name=“checkbox”]'）。而不是（'#checkbox-4'）
$（'#复选框-4'）。更改（函数（）{
如果（选中此项）{
$others.prop（'checked'，false）
}
});
$others.change（函数（）{
如果（选中此项）{
$（“#复选框-4”）.prop（'checked'，false）
}
})
});
//如果选中“无”，则隐藏“div.hide”
$（文档）.ready（函数（）{
$（'#复选框-4'）。更改（函数（）{
如果（选中此项）
$（'div.hide'）.fadeOut（'slow'）；