如何通过一组单选按钮控制来控制对应的一组div，就是点击按钮对应的div进行改变，类似于div互斥的样子！（小菜鸟入门小白教程）

最新推荐文章于 2021-12-04 11:38:25 发布

one一piece

最新推荐文章于 2021-12-04 11:38:25 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/H_ONE_PIECE/article/details/100069423

版权

这篇博客适合初学者，作者分享了如何使用单选按钮控制div显示和隐藏的问题。详细介绍了问题描述和解决步骤，包括定义div、设置CSS样式以及编写JS控制方法。提供了一个在线代码测试平台的链接，方便读者实践。

摘要由CSDN通过智能技术生成

小菜鸟们冲鸭！！

由于本人是个小菜鸟，刚起步，所以写下遇到的点点滴滴，希望能给同是小菜鸟的大家带去一定的帮助吧！

通过一组单选按钮来控制一组div变化。就比如有三个单选按钮，然后三个div，一个按钮关联一个div，当我点击按钮时对应的div进行变化，然后点另外的一个按钮，它对应的div变化，当前选中的恢复。

1、首先在一个div里面定义三个小的div，用来转按钮和对应的div。

<div class="project-choose">
 <div class="project-choose-list">
<input type="radio"  onclick="show_project(0)"  lay-filter="checkbox-project" name="

关注