当选中单选按钮时,更改其他元素的类别名称

问题描述 投票:0回答:1

我正在设置页面中更改主题,所以我想在特定的单选按钮为选中时更改主体的class_name”>

假设以下内容:

<body class="white">

  ...

   <h4>Change Theme</h4><br>
   <input class="white" type="radio" name="white" value="white" checked >
     <label>Red</label><br>

   <input class="red" type="radio" name="red" value="red">
     <label>Red</label><br>

    <input class="black" type="radio" name="black" value="black">
     <label>Dark</label><br>


</body>

现在我想更改单选按钮中选择的body标签的class_name

我正在设置页面中更改主题,因此我想在选中特定单选按钮时更改主体的class_name假定以下内容:

... <...>
javascript html css
1个回答
0
投票
您不需要更改class_name,有一个更好的方法可以解决此特定问题,每个radio buttoncheckbox都有一个伪类:checked,该伪类在输入处于检查状态时会应用样式,因此可以在CSS中应用该伪类添加到您的单选按钮,并更改您想要更改的元素的样式。
© www.soinside.com 2019 - 2024. All rights reserved.