Javascript 如何使用3个单选按钮并将这些按钮与div标签的不同样式关联？

我已经创建了一个div标记，并在其中写入了一些内容。并为该div标记创建了3种样式效果。所以我创建了3个单选按钮，现在我不知道如何将这些东西连接在一起。如果选中其中一个单选按钮，则div标签应采用其中一种样式

---

提前感谢。

您只能使用css

input[value=“blue”]：选中~div{
背景：蓝色；
}
输入[value=“yellow”]：选中~div{
背景：黄色；
}
输入[value=“orange”]：选中~div{
背景：橙色；
}
div{
宽度：80px；
高度：80px；
}

蓝色
黄色的
橙色

请提供一些您自己已经尝试过的代码欢迎使用SO。看一看，看看你如何改进你的问题以获得更好的回答。创建JSFIDLE将大有帮助。