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

Answer 1

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

“checked”属性与 JS 中实际的 .checked 属性不同:而 elem.getAttribute('checked') 只会返回 null 以外的值 如果该属性已在您的 HTML 中设置(也可以通过 JS 更改)，elem.checked 将始终返回一个 bool 值 (true/false)，指示当前是否选中此框。