关于html的复选框和单选框的问题

Question

单选
<input type="radio" name="fruit" value = "Apple">苹果<br>
复选
<input type="checkbox" name="fruit" value ="apple" >苹果<br>

一般情况下，只有用鼠标点击 “苹果”前的 小圆点，或者小方框 才可以选中

如何才能实现点击“苹果”两个字的时候也同样可以选中啊？

我见有的站就可以
有没有更简洁的办法？
因为会有一堆， 苹果 梨 香蕉 句子 橙子 辣椒 白菜。。。
需要每个文字的前后都加一对<label>么？

Answer 1

单选这样写：<input ID="apple" name="fruit" type="radio" value ="Apple" /><Label for="apple">苹果</Label>
多选：
<input type="checkbox" name="fruit" value ="apple" ID="apple"><Label for="apple">苹果</Label>
如果多项 的话，就直接for同样的ID，然后至少“苹果”变了文字而已，这个就是最好的方法了，没其他好的办法了

Answer 2

<Label><input type="radio" name="fruit" value = "Apple">苹果</Label>

这样也可以
如果你要把苹果2个字放到离 radio 很远的地方，那就按楼上诸位所言

Answer 3

<input type="radio" name="fruit" value = "Apple" id="fruit">
添加如下代码
<label for="fruit">苹果</label>

首先给checkbox或者radio添加id，然后把文字放在lable标签中，为lable标签设置for属性，for属性的值是你要关联的input的id

Answer 4

<input ID="apple" name="fruit" type="radio" value ="Apple" /><Label for="apple">苹果</Label>

加入id，然后label for这个id本回答被网友采纳

Answer 5

单选框复选框:

value被作为按钮的值

name作为按钮的名字

<input type=CHECKBOX value=v name=>
js中获取哪个按钮被按下靠value

如var ql=document.getElementsByName("n").value;

那么ql=v

就如一本书 书号是value 书名是name