选中或取消选中单选按钮时，我点击文字

Question

<input type="radio" name="allotdeallot" value="Allotment" />Allotment 
<input type="radio" name="allotdeallot" value="De-Allotment" />De-Allotment 

我有两个单选按钮，我想检查或取消选中标签单击。

Answer 1

按照HTML标准，每个表单元素必须有label重视它。您希望隐藏标签的文字，您可以使用position:absolute至label来隐藏lable的文字。因此，这里是你的答案，

<input id="allotment" type="radio" name="allotdeallot" value="Allotment" /><label for="allotment">Allotment</label> 
<input id="de-allotment" type="radio" name="allotdeallot" value="De-Allotment" /><label for="de-allotment">De-Allotment</label> 

的id of the input field必须用相同for attribute of the label。

Answer 2

使用<label>标签和id属性添加到radio按钮：

<input type="radio" name="allotdeallot" id="allotment" value="Allotment" /><label for="allotment">Allotment</label> 
<input type="radio" name="allotdeallot" id="deallotment" value="De-Allotment" /><label for="deallotment">De-Allotment</label> 

More information