应仅显示包含具有相同类的子级的Javascript单选按钮

应仅显示包含具有相同类的子级的Javascript单选按钮,javascript,html,web,Javascript,Html,Web,我已经在这个逻辑中被锁定了两个星期,我只需要在包含“linha opcao resposta”类的“div”中这样做,该类还有其他具有相同类的孩子 换句话说。 我需要使“div”输入父级的子级(选中时包含具有相同父级的“div”子级)出现,并从单选按钮组中隐藏其他子级 看看下面的例子 27.3特别是城市学方面的机构介绍? Não 模拟 27.3.1代理1 27.3.2代理2 27.3.3代理3 埃克萨姆·诺多 Nãse aplica 第一组显示='none'给所有单选按钮的父项。然后仅将di

我已经在这个逻辑中被锁定了两个星期,我只需要在包含“linha opcao resposta”类的“div”中这样做,该类还有其他具有相同类的孩子

换句话说。 我需要使“div”输入父级的子级(选中时包含具有相同父级的“div”子级)出现,并从单选按钮组中隐藏其他子级

看看下面的例子


27.3特别是城市学方面的机构介绍?
Não
模拟
27.3.1代理1
27.3.2代理2
27.3.3代理3
埃克萨姆·诺多
Nãse aplica

第一组
显示='none'
给所有单选按钮的父项。然后仅将
display='block'
设置为与条件匹配的单选按钮的父项。请尝试以下方法:

var radio=document.querySelectorAll('input[type=radio');
radio.forEach(功能(radEl){
radEl.parentElement.style.display='none';
});
var radShow=document.queryselectoral('div.linha-opcao-resposta+div.linha-opcao-resposta>div>input[type=radio]);
radShow.forEach(功能(radEl){
radEl.parentElement.style.display='block';
});

27.3特别是城市学方面的机构介绍?
Não
模拟
27.3.1代理1
27.3.2代理2
27.3.3代理3
埃克萨姆·诺多
Nãse aplica
请阅读。你需要让我们看看你尝试了什么。