Javascript 从不同的组中选择单选按钮的组合

$（文档）.ready（函数（）{
document.getElementById（“整个”）.style.display=“块”；
document.getElementById（“proto”）.style.display=“无”；
document.getElementById（“peakpro”）.style.display=“无”；
document.getElementById（“myform”）.onsubmit=function（e）{
e、 预防默认值（）；
var bandSelected=document.querySelector（“输入[name=band]：选中”）。值；
var channelSelected=document.querySelector（“输入[name=channel]：选中”）。值；
var appSelected=document.querySelector（“input[name=app]：checked”）.value；
if（bandSelected==“alpha”&&channelSelected==“1”&&appSelected==null）{
document.getElementById（“整个”）.style.display=“无”；
document.getElementById（“proto”）.style.display=“block”；
}
if（appSelected==“peakperformance”&&channelSelected==null&&bandSelected==null）{
document.getElementById（“整个”）.style.display=“无”；
document.getElementById（“peakpro”）.style.display=“block”；
}
//日志（“所选波段：”，所选波段，”，所选频道：”，所选频道）；
};
});由于您的描述提到单选按钮而不是复选框，因此我将频道和波段转换为单选按钮。您需要将所有内容包装在
表单中
标记。您希望侦听表单提交事件，获取选定的频道和波段值，并根据值的不同执行需要执行的操作


document.getElementById（“myForm”）.onsubmit=function（e）{
e、 预防默认值（）；
var bandSelected=document.querySelector（“输入[name=band]：选中”）；
var channelSelected=document.querySelector（“输入[name=channel]：选中”）；
var appSelected=document.querySelector（“输入[name=app]：选中”）；
if（bandSelected！=null&&bandSelected.value==“Gamma”&&channelSelected！=null&&channelSelected.value==“1”）{
log（“在这里做一些特别的事情”）；
}
if（bandSelected==null&&channelSelected==null&&appSelected！=null&&appSelected.value==“峰值性能”）{
console.log（“隐藏或显示div”）；
//展示
//document.getElementById（“yourDiv”）.style.display=“block”；
//隐藏
//document.getElementById（“yourDiv”）.style.display=“无”；
}
};

选择波段
α

β

伽马

θ

增量

选择频道
频道1

频道2

频道3

频道4

频道5

频道6

频道7

第8频道

第9频道

第10频道

第11频道

频道12

第13频道

第14频道

培训申请
多动症

压力

焦虑

峰值性能

提交
选择协议
增加α

减少α

选择协议
提高注意力
增加β

降低θ

松弛度的改善
增加α

增加θ

协助冥想
增加α

增加θ

由于您的描述提到了单选按钮而不是复选框，因此我将频道和波段转换为单选按钮。您需要将所有内容包装在
表单中
标记。您希望侦听表单提交事件，获取选定的频道和波段值，并根据值的不同执行需要执行的操作


document.getElementById（“myForm”）.onsubmit=function（e）{
e、 预防默认值（）；
var bandSelected=document.querySelector（“输入[name=band]：选中”）；
var channelSelected=document.querySelector（“输入[name=channel]：选中”）；
var appSelected=document.querySelector（“输入[name=app]：选中”）；
if（bandSelected！=null&&bandSelected.value==“Gamma”&&channelSelected！=null&&channelSelected.value==“1”）{
log（“在这里做一些特别的事情”）；
}
if（bandSelected==null&&channelSelected==null&&appSelected！=null&&appSelected.value==“峰值性能”）{
console.log（“隐藏或显示div”）；
//展示
//document.getElementById（“yourDiv”）.style.display=“block”；
//隐藏
//document.getElementById（“yourDiv”）.style.display=“无”；
}
};

选择波段
α

β

伽马

θ

增量

选择频道
频道1

频道2

频道3

频道4

频道5

频道6

频道7

第8频道

第9频道

第10频道

第11频道

频道12

第13频道

第14频道

培训申请
多动症

压力

焦虑

峰值性能

提交
选择协议
增加α

减少α

选择协议
提高注意力
增加β

降低θ

松弛度的改善
增加α

增加θ

协助冥想
增加α

增加θ

你能添加你的代码吗？你需要在哪里以及如何提交任务？@uday8486就像在“提交”按钮上单击更改div一样。基本上，我想在每个新的单选按钮组合上显示不同的div/checkbox@JonathanIrvin是否可以添加您的代码？您需要在何处以及如何提交任务？@uday8486就像更改任务上的div一样提交按钮点击..基本上我想在每个新的单选按钮组合上显示不同的div/checkbox@JonathanIrvin那有什么帮助吗？如果是的话，你能把答案标记为正确吗？如果没有，你能告诉我你有什么问题吗？我知道了。更具体一点，我有两个div。当我选择channel 1和Alpha band div 1（即proto）时，应显示，当我从训练应用程序中选择Peak performance（峰值性能）时，div 1将隐藏，div 2（即Peak pro）应显示。