選中或取消選中單選按鈕時，我點擊文字

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