javascript - jquery 在要检查的标签之前检查前一个复选框

Question

我有这样的代码

<input type="checkbox" name="abc" value="A" class="chbx">
<a href="#" class="checkbox-selector">href1</a>
<input type="checkbox" name="abc" value="b" class="chbx">
<a href="#" class="checkbox-selector">href2</a>
<input type="checkbox" name="abc" value="c" class="chbx">
<a href="#" class="checkbox-selector">href3</a>

我想要的是，当我点击 href1 时，第一个复选框应该被选中，而当我点击 href2 时，第二个复选框应该被选中。

这在 jQuery 中如何实现？

Answer 1

你可以用不同的方式解决这个问题，根本不使用 javascript

试试这个:

<label><input type="checkbox" value="hello" name="chkbox1" /> Here is the text</label>

<label><input type="checkbox" value="hello" name="chkbox2" /> Here is the text</label>

<label><input type="checkbox" value="hello" name="chkbox3" /> Here is the text</label>