因為你需要設置三個復選項 ?所以for后面的“”要與選項的id一致

一下這么多答案，我感到自己不是一個人。。。

label標簽本身是不會呈現任何效果的，但是如果應用標簽，就像這個?<label for="male">男</label> ?我們把男這個字用標簽定義，如果不定義也是可以的，瀏覽器都是會顯示出來一個男字，但是如果我們要定義一個單選按鈕，男和女 ?

? ?<label for="male">男</label>??

<input type="radio" name="gender" id="male" />

? <br />

? <label for="female">女</label>

? <input type="radio" name="gender" id="female" />

? <br />

如果我們用label標簽，才可以對該文字 男 女 定義id，這樣單擊男 女 這個文字標簽，就自動選中和該label標簽相關連的表單控件上。也就是可以觸動這個單擊事件，

我們再來看一下如果不用label標簽，我們定義單選按鈕

? 男<input type="radio" name="gender"/><br>

? 女<input type="radio" name="gender" />

這種我們沒有用label標簽，但是我們要單擊單選按鈕時，單擊男女文字是毫無反應的，只會當成文字來處理，你只能單擊文字后的單選按鈕

雖然兩個效果都是一樣的，但是根據人們的常規習慣，還是用標簽的更方便一些。

希望我的解答可以幫助到你！

定義和用法

<label> 標簽為 input 元素定義標注（標記）。

label 元素不會向用戶呈現任何特殊效果。不過，它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控件。就是說，當用戶選擇該標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。

<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。

就是點擊單選框活著漢字都可以實現選定效果 ?需要你自己去試試點擊

我也才學沒多久，說的不一定準確，下面是我自己的理解，如果有問題希望指正

以下面的例子來看

?<label for="male">男</label>

<input type="radio" name="gender" id="male" />

label是有開始和結束標簽兩部分，label for=“控件的id”，也就是和后面input中的id值要一樣，在作為選擇的時候type有兩種，radio是單選，checkbox是多選，name=“是自己的命名”，value="提交給服務器的值"，詳情可以對照5—4的內容

用for的時候可以進行多個選擇，如圖

代碼：

結果：

希望能幫到你

用label的for屬性

需要你自己添加代碼段,實現地下實例里面的效果,這里就不是修改啦

記住語法相應的形式，左側的例題好好看看。