点击radio后面的文字勾选框选中

亦凉 2022-05-16 14:08 422阅读 0赞

在开发过程中会发现，必须点击圆圈圈的时候才能触发选中，这种体验不是很好，下面是两种点击后面的文字时触发的勾选。

第一种：

  1. <form action="">
  2. <input type="radio" name="sex" value="male" id="radio1">
  3.     <label for="radio1">男</label>  <br>
  4. <input type="radio" name="sex" value="female" id="radio2">
  5.     <label for="radio2">女</label>
  6. </form>

添加label标签，然后添加for属性，关联对应radio的ID。

第二种：

  1. <form action="">
  2. <label><input type="radio" name="sex" value="male" id="radio1">男</label>  <br>
  3. <label><input type="radio" name="sex" value="female" id="radio2">女</label>
  4. </form>

直接在选项外面添加lable元素即可。

发表评论

表情：
评论列表 （有 0 条评论，422人围观）

还没有评论，来说两句吧...

相关阅读