18910140161

HTML-用javascript改变css样式-堆栈溢出

顺晟科技

2022-10-19 13:12:46

166

我编写了一个带有3个单选按钮的html。每个单选按钮都包含在一个div容器中。我希望,如果一个单选按钮被选中,包含选中的单选按钮的div容器的背景应该变成蓝色,而包含其他未选中的单选按钮的div的背景应该是白色。我试图用javascript和css实现这一点,但它不起作用。有人能帮我正确地写这个javascript吗?。


顺晟科技:

我建议在dry.

上阅读一些主题

这边...

这里有两个主要问题。首先,您应该使用属性而不是更改元素类。 其次,在函数中,JavaScript根据NodeList中的最后一个值设置div的颜色。这意味着您想要的div将根据是否选中最后一个单选按钮来设置样式。要改变这一点,请查询DOM以获得所有div的列表,然后根据索引根据其对应的单选按钮检查每个div。

您可以使用event.target获取用于设置样式的输入元素的parentNode。每次单击都将父元素的类重置为unchecked,然后如果event.target.checked,则用checked类替换未选中的类。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航