Javascript 如何使用jquery将选中的radio的data-*属性设置为另一个元素的类？

如何获取选中单选按钮的

数据属性

，并将其输出到其他元素的class属性中

请看一个例子：

正文{
背景：#eee；
}  
.盒子{
背景：#000；
利润率：40像素；
宽度：200px；
高度：200px；
}
.盒子.黑色{
背景：#000；
}
.白盒子{
背景：#fff；
}
.box.green{
背景#00d300；
}

黑色
白色
绿色

您只能使用CSS来完成。选择checked radio（已选中收音机）并显示

~

input[data color=“black”]：选中~.框{
背景：#000；
}

.box{
背景：#000；
利润率：40像素；
宽度：200px；
高度：200px；
}
输入[数据颜色=“黑色”]：选中~。框{
背景：#000；
}
输入[数据颜色=“白色”]：选中~.框{
背景：#fff；
}
输入[数据颜色=“绿色”]：选中~。框{
背景#00d300；
}

黑色
白色
绿色

您尝试的jQuery哪里不起作用？请不要提供答案，直到OP证明他们确实尝试了一些东西。