jquery - 选择链接，自动选中它左侧的复选框

Question

我希望用户能够将鼠标悬停在链接上，单击它，它会自动选中它左侧的复选框，当他们选择它时，它会取消选中该框。

我该怎么做？

<input type="checkbox" name="favorite_color" value="Orange"> <a href="#" rel="favorite_color">Orange</a>

Answer 1

使用 <label> 代替链接( anchor )这是为此设计的:

<input type="checkbox" name="favorite_color" id="favorite_color" value="Orange"> 
<label for="favorite_color">Orange</label>

或者没有 id , 包裹着它:

<label><input type="checkbox" name="favorite_color" value="Orange"> Orange</label>

有了这两个，就不需要 JavaScript，只需内置浏览器行为。