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个radiobuttons是可点击的，因为标签是与radiobutton的id名称一致。我的其他两个按钮不可点击，因为标签是一个类。反正有改变吗？或者只使用id（总数超过600个相同的id名称）可以吗？

Answer 1

是的，你不能有一个指向该类的标签，因为标签应该只分配给1个元素，如果你知道，类不是唯一的（但是ID是）

另一方面，您可以执行一些jQuery解决方法，如下所示：

$('label').on('click', function(){ // after we click a label
   var el = $(this).attr('for'); // we get its "for" attribute
    $('.' + el).focus(); // prepend it with "." to make a class name, and then focus on objects with that class
});

Answer 2

您可以为不同的元素提供相同的类。但标签对于识别元素是唯一的。您可以为radiobuttons提供唯一标签，并且可以为每个元素分配“label for”。

如果您仅使用label for将其与单选按钮关联，则不需要它。您可以直接在radio代码

中提供label按钮

=“class”的标签

2 个答案: