Javascript CSS复选框，如何仅在选中另一项时才取消选中该项

我正在尝试创建一些基于

CSS复选框的幻灯片放映。因此，当按下按钮时，相应的数据可见。
但问题是，如果再次按下按钮，数据就会消失。我想让它成为一种方式，一旦一个按钮被按下，它的数据是可见的，它只会在另一个按钮被按下时消失。因此，除非按下另一个按钮，否则它不会打开和关闭，而是打开

这是你的电话号码


$.fn.MP=函数（选项）{
变量设置=$.extend({
//这些是默认设置
案文：“”
}，选项）；
$（这个）。在（“点击”，“输入”，函数（）上）{
$（this）.parent（）.sides（）.find（“input”）.prop（“checked”，false）；
});
};
//为值动态生成id/for
$（'div.panel'）。每个（函数（索引，el）{
var$面板=$（el）；
var panelId=$panel.attr（'id'）；
变量$panelBottom=$（'div.panelBottom'，$panel）；
$（'div.panelTop>div>input'，$panel）。每个（函数（indexInput，elInput）{
变量$input=$（输入）；
var inputId=panelId+'-box-'+indexInput；
$input.attr（'id'，inputId）；
$（'label:nth（'+indexInput+'），$panelBottom.attr（'for'，inputId））；
});
});
$（#item1”）.MP（{}）；
$（“#项目2”）.MP（{}）
input[type=“checkbox”]{
位置：绝对位置；
不透明度：0；
}
.panelTop>div div{
显示：无；
}
.panelTop>div输入[type=“checkbox”]：选中~div{
显示：块；
}
.小组{
宽度：400px；
高度：100px；
边框：1px纯黑；
}
.panel>.panelTop{
宽度：100%；
高度：49px；
边框底部：1px黑色虚线；
}
.panel>.panelBottom{
宽度：100%；
高度：50px；
}
.panel>.panelTop>div div{
宽度：24px；
高度：24px；
浮动：对；
利润率：0px 9px 0；
边框：1px黑色虚线；
}
.panel>.panelBottom>div{
宽度：32px；
高度：32px；
浮动：对；
利润率：9px 9px 0；
边框：1px纯黑；
文本对齐：居中；
字体大小：22px；
}

从属按钮：
1.1
1.2
1.3
2.1
2.2
2.3
3.1
3.2
3.3
主要按钮：
1.
2.
3.
从属按钮：
1.1
1.2
1.3
2.1
2.2
2.3
3.1
3.2
3.3
主要按钮：
1.
2.
3.
您只需使用
输入[type=radio]
即可


$.fn.MP=函数（选项）{
变量设置=$.extend({
//这些是默认设置
案文：“”
}，选项）；
$（这个）。在（“点击”，“输入”，函数（）上）{
$（this）.parent（）.sides（）.find（“input”）.prop（“checked”，false）；
});
};
//为值动态生成id/for
$（'div.panel'）。每个（函数（索引，el）{
var$面板=$（el）；
var panelId=$panel.attr（'id'）；
变量$panelBottom=$（'div.panelBottom'，$panel）；
$（'div.panelTop>div>input'，$panel）。每个（函数（indexInput，elInput）{
变量$input=$（输入）；
var inputId=panelId+'-box-'+indexInput；
$input.attr（'id'，inputId）；
$（'label:nth（'+indexInput+'），$panelBottom.attr（'for'，inputId））；
});
});
$（#item1”）.MP（{}）；
$（“#项目2”）.MP（{}）
input[type=“radio”]{
位置：绝对位置；
不透明度：0；
}
.panelTop>div div{
显示：无；
}
.panelTop>div输入[type=“radio”]：选中~div{
显示：块；
}
.小组{
宽度：400px；
高度：100px；
边框：1px纯黑；
}
.panel>.panelTop{
宽度：100%；
高度：49px；
边框底部：1px黑色虚线；
}
.panel>.panelBottom{
宽度：100%；
高度：50px；
}
.panel>.panelTop>div div{
宽度：24px；
高度：24px；
浮动：对；
利润率：0px 9px 0；
边框：1px黑色虚线；
}
.panel>.panelBottom>div{
宽度：32px；
高度：32px；
浮动：对；
利润率：9px 9px 0；
边框：1px纯黑；
文本对齐：居中；
字体大小：22px；
}

从属按钮：
1.1
1.2
1.3
2.1
2.2
2.3
3.1
3.2
3.3
主要按钮：
1.
2.
3.
从属按钮：
1.1
1.2
1.3
2.1
2.2
2.3
3.1
3.2
3.3
主要按钮：
1.
2.
3.
对我来说，这听起来像是一个无线电输入组。别忘了补充一点，那就是一组无线电可以通过共享相同的
名称
@zer00ne Done来按需要工作。谢谢你的改进。