html 复选框隐藏div层,使用if / else显示/隐藏包含复选框的div

对HTML / CSS之外的任何类型的编码都是新的 . 我试着四处寻找，但我不确定如何将解决方案应用于我的具体问题 . 我有一个复选框列表：

Choose my border

当你点击提交按钮(有5个复选框)时，它应该显示已检查的div的div . 所以我有一个链接到提交的href的函数 . 我遇到的问题是，如果用户UNCHECKS一个框，并再次点击提交，我需要这些框消失 .

这就是我所拥有的(我得到了帮助，所以我没有完全理解)：

var show_panels =(function(){

$("#de-options input").each(function(index, element) {

var val = $(element).attr('value');

if ($("#de-options input").is(":checked"))

{

$('#' + val).show();

}

else

{

$('#' + val).hide();

}

});

});

我在哪里'if'是问题所在 . 由于.each我不知道如何指定'看看这些复选框以及它们是否被检查......'因为我现在拥有的'$ de-options'只是显示所有这些而不管我是什么已检查过 .

所以我真的需要知道如何为'if' .

谢谢您的帮助 .