Javascript 单击“添加/删除类”,然后一次添加/删除一组div的值

Javascript 单击“添加/删除类”,然后一次添加/删除一组div的值,javascript,html,jquery,frontend,Javascript,Html,Jquery,Frontend,我正在使用Generate Press和Super forms开发wordpress网站。该网站是。 超级表单在名为configurator的页面中用于创建自定义报价请求表单。 我让它工作到用户可以切换按钮的程度,并且根据按钮是否被切换开/关来显示复选框。 然而,我想让它这样当一个切换按钮是开的其他关闭。我用这段代码试试运气: $(“.super-toggle开关”)。单击(函数(事件){ $(此).addClass(“超级活动”) .兄弟姐妹() .removeClass(“超级活跃”);

我正在使用Generate Press和Super forms开发wordpress网站。该网站是。 超级表单在名为configurator的页面中用于创建自定义报价请求表单。 我让它工作到用户可以切换按钮的程度,并且根据按钮是否被切换开/关来显示复选框。 然而,我想让它这样当一个切换按钮是开的其他关闭。我用这段代码试试运气:

$(“.super-toggle开关”)。单击(函数(事件){
$(此).addClass(“超级活动”)
.兄弟姐妹()
.removeClass(“超级活跃”);

});我不知道jQuery,7年前就停止使用它了。在纯Javascript中,这非常简单:

const-switches=document.querySelectorAll('.super-toggle-switche');
用于(开关的常数开关){
switch.addEventListener('click',toggleSwitchs)
}
功能切换开关(事件){
用于(开关的常数开关){
switch.classList.toggle('super-active',switch==event.target);
}
}

你好,康涅索。这个解决方案不起作用。你测试过了吗?它对你有用吗?如果是这样,我想看看我是否遗漏了什么。你还没有显示你的HTML,那么我应该如何测试?我不会在StackOverflow问题中关注外部网站的链接,除非它们引用“官方”文档。请创建一个MCVE