單擊 label 觸發 checkbox，checkbox 觸發 click

在桌面程序中，checkbox 後面是帶文字的，單擊文字就會選中或取消選中選擇框，點起來很方便，但 HTML 中 checkbox 是乾的，單起來非得把鼠標移到那個小小的 checkbox 框框上。

要想實現桌面程序的效果，可增長一個控件 label。

<input
type="checkbox" id="c1"
name="c1" value="c1"
/>

<label for="c1">點我</label>

如上代碼，點 label 的文字，前面的 checkbox 就會被選中，再點擊就會被取消。

使人欣喜的是，點 label 跟點 checkbox 同樣，都會觸發 checkbox 的 click 事件，這就方便了咱們 DOM 編程。

以前沒有認識到label for這個功能是跟checkbox默認綁定關聯的，覺得還須要本身綁定點擊事件呢，其實根本不須要的。

新認識，新收貨。