html - 如何设置单选按钮状态以使用 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 添加选中的属性。我的问题是如何使用 css 将选中的属性添加到选定的单选按钮？

Answer 1

如果要更改最初选中的框，只需将“checked”属性移动到HTML中所需的元素，如果要设置当前选中框的样式，可以使用以下CSS选择器：input[type=checkbox]:checked如果要更改除了单击复选框之外的任何其他操作的选中状态，您必须使用JS。

“checked”.checked属性与 JS 中的实际属性不同：whileelem.getAttribute('checked')只会返回，null除非该属性已在 HTML 中设置（也可以通过 JS 更改），但elem.checked始终返回一个布尔值（true/false），指示是否框当前已选中。