首页 > 代码库 > 点击文字选中单选框或复选框

点击文字选中单选框或复选框

在选择单选框或者复选框的时候,点击圆点或者方框不太好点,就有了点击文字选中的需求,之前一直想的是用js实现,后来发现一个比较方便的方法。

就是把选项和文字外加label标签,如:

<label>
<input type="radio" value="A" name="1">A.选项A
</label>
<label>
<input type="radio" value="B" name="1">B.选项B
</label>
<label>
<input type="radio" value="C" name="1">C.选项C
</label>
<label>
<input type="radio" value="D" name="1">D.选项D
</label>

这样就可以实现了。

点击文字选中单选框或复选框