html - 如何在点击标签时实现单选元素的选择

Question

我有这种情况

<input type="radio">
<span class="theLabel">Radio label</span>

当用户点击 span.theLabel 时click 事件应该被转移到 radio 元素，就像它是 <label> 一样元素。问题是，我需要成为一个跨度，我只需要用 css 来做，不涉及 javascript。可能吗？

Answer 1

是的，这是可能的..

你只需要添加标签的开始和结束标签。看下面的 HTML。

<label>
  <input type="radio">
  <span class="theLabel">Label text</span>
</label>