html - ="class"的标签

Question

有没有办法为类名分配标签？这是我的代码:

    <input type="radio" id="answers1" name="answer1" value="1" checked>
       <label for="answers1" class=lfirst>1</label>
    <input type="radio" id="answers2" name="answer1" value="2">
       <label for="answers2" >2</label>
    <input type="radio" class="answers" name="answer1" value="3">
       <label for="answers" for="answers" >3</label>
    <input type="radio" class="answers" name="answer1" value="4">
       <label for="answers" >4</label>


    <style>
    input[type=radio]:checked + label {
      background: #2C337B;
      color: #ffffff;
    }
    </style>

我的前 2 个单选按钮是可点击的，因为标签已分配给单选按钮的 ID 名称。我的另外 2 个按钮不可点击，因为标签已分配给一个类。无论如何要改变这个？或者只使用 id 是否可以(总共将超过 600 个相同的 id 名称)？

Answer 1

您可以为不同的元素赋予相同的类。但是 label 是唯一标识元素的。您可以为单选按钮设置唯一的标签，并且可以将“label for”分配给每个元素。

如果您使用 label for 只是为了将它与单选按钮相关联，则不需要它。可以直接在label标签内给radiobutton