如何设置单选按钮状态以使用css进行检查？

Question

我有一组带有默认选中的单选按钮。像这样：

    <input type="radio" name="radioButton" id="rd1" checked="">
    <input type="radio" name="radioButton" id="rd2">
    <input type="radio" name="radioButton" id="rd3">
    <input type="radio" name="radioButton" id="rd4">
    <input type="radio" name="radioButton" id="rd5">

我知道有办法用javascript添加checked属性。我的问题是如何使用css将选中的attr添加到选定的单选按钮？

Answer 1

如果您想更改最初选中的框，您只需移动＆＃34;已选中＆＃34;属性为 HTML 中的所需元素，如果您想设置当前复选框的样式，则可以使用以下 CSS 选择器：{{1如果您希望更改选中状态除了单击复选框之外的任何其他操作，您必须使用 JS 。

属性＆＃34;已检查＆＃34;与JS中的实际input[type=checkbox]:checked属性不同：如果HTML中已经设置了属性，.checked只返回elem.getAttribute('checked')以外的其他属性（也可以通过JS更改）{{1}将始终返回一个布尔值（true / false），指示当前是否选中此框。