Javascript $（文档）。在（“单击”。。此元素，然后是该元素

我有1个复选框和2个单选按钮选项

当从复选框中选择了“婚礼”并且从第一个单选选项中选择了“男孩”时，我想在class.coach下显示另一个单选选项容器

我读过正确的方法是用逗号分隔它们，我已经这样做了：

$document.onclick，“婚礼，男孩”，函数{

但它不起作用

基本上，如果两个都被检查或标记，则显示教练

演示：

$'.coach'。隐藏； $document.onclick，“婚礼，男孩”，函数{ 如果$this.is'：选中'{ $“.coach”节目； $'.coach'.fadeIn； }否则{ $'.coach'。隐藏； $'.coach'。隐藏； } }; 婚礼 男孩 test$this.is'：checked'检查是否选中了特定元素-您需要同时检查这两个元素

$'.coach'。隐藏； $document.onclick，'wedding，input[name=rep]'，函数{ 如果$'widding'.is'：选中&&$'boys'.is'：选中{ $'.coach'.fadeIn； }否则{ $“.coach”淡出； } }; . 婚礼 男孩 女孩 测验

---

链接到show的fadeIn没有意义。无法将已存在的内容淡入淡出visible@charlietfl你是对的，我在不删除show的情况下将两行组合在一起。谢谢，我可以看到它工作，但是，如果有一次。Coach可见用户选择了另一个单选选项，则。Coach仍然可见。例如，请参见此小提琴：Check wedding然后选择boys and.Coach将可见。现在，从boys更改为girls，.Coach仍然可见，因为新单选按钮不会触发事件。我将选择器更改为在与输入[name=rep]匹配的所有元素上触发。