Javascript 使用jquery在收音机/输入上显示/隐藏的条件窗体操作

我正在制作一个表单，该表单必须根据收音机/复选框选择显示/隐藏。我已经完成了一半，但是我遇到了一些错误&我确信这段代码可以更有效地优化/编写

表单的流程需要根据选中的复选框/收音机工作。我不完全确定在一篇文章中展示这一点的最佳方式，所以我对html进行了评论。无论如何，如果我能澄清这一点，如果有人提出建议，我会很乐意这样做

在下面的标记中，我在想要呈现html的地方添加了注释。我在JS Fiddle有一个这样的工作示例。你可以在这里看到

还有一点点CSS

/* Hiding form elements */

#greek, #dorm-selector, #hops, #dorms, #hidden, #movingtruck, #bellhop-hours{
    display:none;
}

---

我有一个正在工作的小提琴，它做的事情与你的类似（好吧，显示、隐藏和添加元素），你可以在这里查看它：

这里有一个问题：我不太确定您的

加载

和

卸载

，是否要相应地显示和隐藏？据我所见，在我点击某个东西后，会出现一些东西，但有些东西不会显示任何东西这就像一场惊喜游戏

编辑：

您可以为两个复选框分别指定一个ID：

<input type="checkbox" name="checkboxes" value="Load" id="load">
<input type="checkbox" name="checkboxes" value="Unload" id="unload">

---

哈哈，我想JS有点破了。我现在就修。它应该采取的方式是，如果你选择“加载”或“卸载”，它应该显示“你住在宿舍吗”，但如果你同时选择“加载和卸载”，它应该显示“你需要一辆移动的卡车吗”啊，我明白了：）可能是你应该先隐藏所有东西，然后当这些条件满足时，

显示它，否则，
隐藏它。哦，因为它是复选框，您应该使用
。is（：checked）
而不是我认为的click的值？您知道可以根据选择两个输入而不是一个输入来显示和隐藏吗？因此，如果同时选择了“加载”和“卸载”，则显示某种类型的内容？认为您在
bellhops
选项下也缺少了一个“`”。在上面的代码中为您编辑和添加。
/* Hiding form elements */

#greek, #dorm-selector, #hops, #dorms, #hidden, #movingtruck, #bellhop-hours{
    display:none;
}

<input type="checkbox" name="checkboxes" value="Load" id="load">
<input type="checkbox" name="checkboxes" value="Unload" id="unload">

if ($('#load').is(':checked ')&&$('#unload').is(':checked')){
   //do what you want here
   $('#dorms').hide();
   $('#movingtruck').show();

}