选择两个单选按钮以使用JavaScript显示/隐藏div

我有两个单选按钮类别，分为显示/隐藏不同的输入字段。我正慢慢接近它，但似乎无法完全弄清楚

以下是图片：

选择“单用户”和“实时会话”非常有效。

选择“单用户”和“远程会话”非常有效。

选择“团队”和“现场会话”非常有效。

选择“团队”和“远程会话”时-当用户同时单击“团队”+“远程会话”单选按钮时，我希望能够隐藏div（.total、.1、.2、.3、.4、.5-->.10）。因此，基本上“请求者名称”和“团队名称”下面的所有输入框。

以下是我目前拥有的代码：

$（文档）.ready（函数（）{
$（'input[name=requestType]'）。单击（函数（）{
如果（this.value==“团队”）
{
$（“.total”）.show（）；
$（“.teamname”）.show（）；
$（“.one”）.show（）；
$（“.two”）.show（）；
$（“.three”）.show（）；
$（“.four”）.show（）；
$（“.five”）.show（）；
}
其他的
{
$（“.teams”）.hide（）；
}
});
$（“输入[name=sessionType]”）。更改（函数（）{
});
$（“#totalUsers”）.change（函数（）{
$（'.six'）.hide（）；
$（'.seven'）.hide（）；
$（'.eight'）.hide（）；
$（'.nine'）.hide（）；
$（'.ten'）.hide（）；
var selectValue=$（this.val（）；
开关（选择值）{
案例“六”：
$（'.five'）.show（）；
$（'.six'）.show（）；
打破
案例“七”：
$（'.five'）.show（）；
$（'.six'）.show（）；
$（'.seven'）.show（）；
打破
案例“八”：
$（'.five'）.show（）；
$（'.six'）.show（）；
$（'.seven'）.show（）；
$（'.8'）.show（）；
打破
案例“九”：
$（'.five'）.show（）；
$（'.six'）.show（）；
$（'.seven'）.show（）；
$（'.8'）.show（）；
$（'.nine'）.show（）；
打破
案例“十”：
$（'.five'）.show（）；
$（'.six'）.show（）；
$（'.seven'）.show（）；
$（'.8'）.show（）；
$（'.nine'）.show（）；
$（'.ten'）.show（）；
打破
}
});
$（“#提交”）。单击（函数（）{
if（$（“#提交”）.hasClass（“禁用”））{
警报（“验证失败”）；
}
否则{
AddListItem（）；
返回false；
}
});
});
函数getItem（）{
变量项={
标题：$（“#请求名称”）.val（），
团队名称：$（“#团队名称”）.val（），
与会者人数：$（“#totalUsers”）.val（），
名字：$（“#一个用户”）.val（），
SecondName:$（“#twoUsers”）.val（），
第三个名称：$（“#三个用户”）.val（），
第四个名称：$（“#四个用户”）.val（），
第五个名称：$（“#五个用户”）.val（），
第六个名称：$（“#六个用户”）.val（），
第七个名称：$（“#七个成员”）.val（），
第八个名称：$（“#八个”）.val（），
第九名：$（“#nineUsers”）.val（），
TenthName:$（“#tenUsers”）.val（），
RequestType:$（“输入[name=RequestType]：已选中”）.val（），
SessionType:$（“输入[name=SessionType]：已选中”）.val（），
};
退货项目；
}
函数AddListItem（资源）{
var item=getItem（）；
如果（item.RequestType==“单个用户”）{
item.NumberOfAttendes='None'；
}
$pnp.setup({
基本URL:“https://fh126cloud.sharepoint.com/TrainingResourceCenter/O365Training/"
});
$pnp.sp.web.lists.getByTitle（“培训”）.items.add（item）.然后（function（r）{
$（“#提交”）.hide（）；
$（“.form”）.hide（）；
$（“.icon”）.hide（）；
$（“#头”）.hide（）；
$（“#DeltaPlaceHolderPageTitleInTitleArea”）.hide（）；
$（“#隐藏的_div”）.show（）；
$（“#取消”）.hide（）；
});
}

#提交
{
边界半径：4px！重要；
}
.ext
{
显示：无；
}
#DeltaPlaceHolderPageTitleInTitleArea{
字体大小：3rem；
}
.1、.2、.3、.4、.5、.6、.7、，
八、九、十、{
保证金底部：3倍！重要；
}
.表格组{
边缘底部：5px；
宽度：450px；
}
.表格{
填充顶部：15px；
左侧填充：0px；
右边填充：0px；
}
#隐藏分区{
填充顶部：30px；
文本对齐：居中；
}
氢{
字体大小：2rem！重要；
}
.图标{
浮动：左；
右边距：25px；
宽度：150px；
高度：140像素；
}
.团队
{
显示：无；
}

请求类型：
单用户
团队
会话类型：
现场会议
远程会话
请求者名称：
团队名称：
与会者人数：
5.
6.
7.
8.
9
10
与会者姓名：
提交
取消

您可以使用css同级选择器来执行此操作，而无需jQuery

<input type="radio" name="fieldset1" value="input1"> input1
<input type="radio" name="fieldset1" value="input2"> input 2
<br>
<input type="radio" name="fieldset2" value="input1"> input1
<input type="radio" name="fieldset2" value="input2"> input 2
<div>some content</div>

我制作此代码笔是为了说明：

---

如果这对您的用例不起作用，请告诉我这里有什么问题吗？嗨@dustytrash，当用户同时单击“团队”+“远程会话”单选按钮时，我希望能够隐藏div（.total、.1、.2、.3、.4、.5-->.10）。基本上，你在“请求者名称”和“团队名称”下看到的所有输入框。我已经更新了最后一张图片。

input[name="fieldset1"][value="input2"]:checked~input[name="fieldset2"][value="input2"]:checked ~ div{
  display: none;

}