Javascript 通过切换按钮显示分区？

函数showhidetog4（a、b、c、d）{
document.getElementById（a.style.display=“block”；
document.getElementById（b.style.display=“无”；
document.getElementById（c.style.display=“无”；
document.getElementById（d）.style.display=“无”；
}
功能optbttog3（a、b、c、d）{
document.getElementById（a）.className=“btn btn sm btn block lbbg noround padd10”；
document.getElementById（b）.className=“btn btn block btn sm GRYBACK NOROND padd10”；
document.getElementById（c）.className=“btn btn block btn sm GRYBACK NOROND padd10”；
document.getElementById（d）.className=“btn btn block btn sm GRYBACK NOROND padd10”；
}

.greyback{
背景色：rgb（240240240）！重要；
颜色：#000000；
}
.lbbg{
背景色：rgba（26167227,1.00）！重要；
颜色：#FFFFFF！重要；
}

看法
添加
修改
删除
拉吉
阿肖克
曼尼什语
第1点的Trivend

您的第一个按钮添加了类

lbbg

，这可能导致按钮处于活动状态（蓝色背景）。您可以删除它并添加

greyback

类，使其与其他按钮一样可见

关于第2点 由于尚未为opt1、opt2、opt3、opt4提供起始样式，因此它们在默认情况下是可见的。 您可以做的是使用css给出

display:none

的起始样式

关于第3点 在您的代码中

onclick=“showhidetog4（'opt4'，'opt1'，'opt2'，'opt3'）、optbtog3（'ut4'，'ut1'，'ut2'，'ut3'）”

在

opt1

和

ut1

应该是这样的
onclick=“showhidetog4（'opt4'、

'

opt1'、'opt2'、'opt3'）、optbttog3（'ut4'、

'、

ut1'、'ut2'、'ut3'）”

我已经为您的澄清添加了正确的片段

函数showhidetog4（a、b、c、d）{
document.getElementById（a.style.display=“block”；
document.getElementById（b.style.display=“无”；
document.getElementById（c.style.display=“无”；
document.getElementById（d）.style.display=“无”；
}
功能optbttog3（a、b、c、d）{
document.getElementById（a）.className=“btn btn sm btn block lbbg noround padd10”；
document.getElementById（b）.className=“btn btn block btn sm GRYBACK NOROND padd10”；
document.getElementById（c）.className=“btn btn block btn sm GRYBACK NOROND padd10”；
document.getElementById（d）.className=“btn btn block btn sm GRYBACK NOROND padd10”；
}

.greyback{
背景色：rgb（240240240）！重要；
颜色：#000000；
}
.lbbg{
背景色：rgba（26167227,1.00）！重要；
颜色：#FFFFFF！重要；
}
#opt1{
显示：无；
}
#opt2{
显示：无；
}
#opt3{
显示：无；
}
#opt4{
显示：无；
}

看法
添加
修改
删除
拉吉
阿肖克
曼尼什语
Trivend