html - 单击文本应单击 HTML 中的单选按钮

Question

我有这个单选按钮，

 <form class="w3-container w3-card-4">
  <h2>Radio Buttons</h2>
  <p>
  <input class="w3-radio" type="radio" name="gender"  value="male" checked>
  <label >Male</label></p>
  <p>
  <input class="w3-radio" type="radio" name="gender"  value="female">
  <label >Female</label></p>
  <p>
  <input class="w3-radio" type="radio" name="gender" value="" disabled>
   <label>Don't know (Disabled)</label></p>
 </form>

问题是当我点击标签文本时没有选中单选按钮。有办法解决这个问题吗？

Answer 1

只需为单选按钮和标签框附近的关键字添加 id。

  <form class="w3-container w3-card-4">
   <h2>Radio Buttons</h2>
   <p>
   <input class="w3-radio" type="radio" name="gender" id="m1" value="male" checked>
   <label for="m1">Male</label></p>
   <p>
   <input class="w3-radio" type="radio" name="gender" id="m2" value="female">
   <label for="m2">Female</label></p>
   <p>
   <input class="w3-radio" type="radio" name="gender" value="" disabled>
   <label>Don't know (Disabled)</label></p>
 </form>

现在单击文本标签，单选按钮被选中。