使用公共类javascript显示/隐藏div无Jquery

我在试图隐藏多个具有相同类的div时遇到困难。我希望能够单击某个单选按钮，该按钮将仅显示与该id相关的数据。我已尝试创建一个函数来执行此操作，但无法使其正常运行。这是我一直在做的小提琴

经理

员工

全部的
经理文本
经理文本
经理文本
经理文本
员工文本
员工文本
员工文本
员工文本

---

您的代码中有几个部分对我来说毫无意义

为什么在hide_row函数中使用if语句？具体地

if (document.getElementsByClassName("manager").style.display == "block")

及

当然，您只想分配这些显示，而不是检查它们，对吗？（分号也不应该在那里）

getElementsByClassName或querySelectorAll的结果是数组。您需要在结果中循环以指定显示值

最后，别忘了给单选按钮赋予相同的

名称

属性，以便它们取消选择组中的其他按钮

下面是一个有用的代码片段：

let managerDivs=document.getElementsByClassName（“经理”）；
让employeeDivs=document.getElementsByClassName（“员工”）；
让allDivs=[…managerDivs，…employeeDivs]；
功能隐藏行（工作人员）{
//显示所有div，然后隐藏需要隐藏的div
对于（让所有divs中的el）{
el.style.display=“块”；
}
如果（员工=“经理”）{
对于（让员工的el为IV）{
el.style.display=“无”；
}
}否则如果（员工=“员工”）{
对于（让el of managerDivs）{
el.style.display=“无”；
}
}
}

经理

员工

全部的
经理文本
经理文本
经理文本
经理文本
员工文本
员工文本
员工文本
员工文本

<form>
<input type="radio"  onclick= "hide_row('manager')">manager<br>
<input type="radio"  onclick= "hide_row('employee')">employee<br>
<input type="radio"  onclick= "hide_row('all')">all
</form>

<div class="manager">manger text</div>
<div class="manager">manger text</div>
<div class="manager">manger text</div>
<div class="manager">manger text</div>


<div class="employee">employee text</div>
<div class="employee">employee text</div>
<div class="employee">employee text</div>
<div class="employee">employee text</div>

if (document.getElementsByClassName("manager").style.display == "block")

if (document.getElementsByClassName("manager").style.display == "none";)