如果选中复选框“A”和“C”，则将复选框“B”选中为 [关闭]

Question

您好，我有一个问题，不知道是否有一个很好的解决方案。

<input type="checkbox" name="a" value="a">a<br>
<input type="checkbox" name="b" value="b">b<br>
<input type="checkbox" name="c" value="c">c<br>
<input type="checkbox" name="d" value="c">d<br>
<input type="checkbox" name="e" value="c">e<br>

我喜欢让它更像是一个“范围”，所以如果用户点击“a”然后点击“d”，那么两者之间的所有内容都会被选中。

我可以对所有场景进行 if 语句，但也许有更好的方法来做到这一点？

谢谢

Answer 1

使用 jQuery 非常简单 - 像这样使用 prevAll：

$('input[type="checkbox"]').on("change", function() {
  if ($(this).is(":checked")) this.prevAll('input[type="checkbox"]').prop("checked", true);
});