Javascript 已选中使用JS更改另一个元素的不透明度

我试图使图像（在我的网页上）在不同的手风琴展开时不透明度发生变化（输入：选中）

这就是所讨论的网站：

您将看到左侧的“您的车辆正在接收：软件包菜单”将点亮您悬停的任何软件包。我试着让灯光在匹配的手风琴标签展开时亮起来

这是我正在修补的js（hoverfunctions.js），以达到预期的效果

jQuery（文档）.ready（函数（$）{
jQuery（“ul.container input#ac-1”）。单击（函数（）{
$（'img.top'）.css({
不透明度：1.0
});
如果（选中此项）{
$（'#mpactivator img.top'）.css({
不透明度：0
});
}否则{
$（'img.top'）.css({
不透明度：1.0
});
}
});
jQuery（“ul.container input#ac-2”）。单击（函数（）{
$（'img.top'）.css({
不透明度：1.0
});
如果（选中此项）{
$（'#lavaactivator img.top'）.css({
不透明度：0
});
$（'#rainxactivator img.top'）.css({
不透明度：0
});
$（'#packageactivator img.top'）.css({
不透明度：0
});
$（'#tireshineactivator img.top'）.css({
不透明度：0
});
$（'#bpactivator img.top'）.css({
不透明度：0
});
}否则{
$（'img.top'）.css({
不透明度：1.0
});
}
});
jQuery（“ul.container input#ac-3”）。单击（函数（）{
$（'img.top'）.css({
不透明度：1.0
});
如果（选中此项）{
$（'#hotwaxactivator img.top'）.css({
不透明度：0
});
$（'#rainxactivator img.top'）.css({
不透明度：0
});
$（'#packageactivator img.top'）.css({
不透明度：0
});
$（'#tireshineactivator img.top'）.css({
不透明度：0
});
$（'#bpactivator img.top'）.css({
不透明度：0
});
}否则{
$（'img.top'）.css({
不透明度：1.0
});
}
});
jQuery（“ul.container input#ac-4”）。单击（函数（）{
$（'img.top'）.css({
不透明度：1.0
});
如果（选中此项）{
$（'#rainxactivator img.top'）.css({
不透明度：0
});
$（'#packageactivator img.top'）.css({
不透明度：0
});
$（'#tireshineactivator img.top'）.css({
不透明度：0
});
}否则{
$（'img.top'）.css({
不透明度：1.0
});
}
});
jQuery（“ul.container input#ac-5”）。单击（函数（）{
$（'img.top'）.css({
不透明度：1.0
});
});
});
jQuery（）。checked（）
不是有效的事件处理程序。您应该使用
jQuery.click（）
或
jQuery.change（）
事件

在更改事件中，您应该检查元素是否已检查，然后采取适当的操作

jQuery(".chbd-ac-container input:nth-child(1)").click(function() {
    if (this.checked) {
        $('img.top').css({
            opacity: 0
        });
    } else {
        $('img.top').css({
            opacity: 1.0
        });
    }
});

最好将相同的类添加到相应的手风琴和左侧项目中，并根据单击或悬停的类获取事件。我认为您最好使用
$（元素）。在（“click”，function（）{}）
和
$（this）。is（“：checked”）
来侦听
输入的状态更改，而不是
.checked（）
，我不确定它是否存在。@suchit这听起来不是个坏主意。我想我可以试一试。听起来简单多了。@BeNdErR是的，我知道它不存在，因为控制台标记了它；我只是想得到我想要的东西亲爱的德文，早上好。谢谢你几天前的帮助。因此，我改变了我的手风琴和图像不透明度的变化时，检查你提供的功能工程异常。我只遇到了几个问题。选择另一个时，其他软件包的指示灯保持亮起。另一个问题是，一旦脚本被执行（即：当一个公文包被扩展时），“你正在接收的包菜单”的css:hover功能被终止。我记得在stackoverflow的某个地方读到一个类似于我的问题。帮忙？最后一次？：）对于第一个问题，应该在客户端事件处理程序函数的开头添加以下内容：jQuery（'img.top'）.css（{opacity:1.0}）；这将在您的事件打开给定包的特定灯之前关闭所有灯。关于第二个问题，我假设您正在讨论包灯上的悬停功能。如果是这种情况，则悬停功能工作正常。问题是“悬停”意味着打开指示灯，但是如果指示灯由于选择了某个软件包而已打开，那么您将看不到任何更改。你应该在不透明的灯光上使用鼠标悬停，你会发现鼠标悬停确实很好用。哇，多简单啊。我希望我能自己学会。是的，悬停功能正是按照您所说的方式正常工作的；我甚至错误地认为它不是，但是，现在我将该行脚本添加到我的客户端事件处理程序函数的开头，无论何时选择，悬停功能现在都不起作用。（就像我预测这个问题会发生一样xD lol）