javascript - 通过循环选择复选框？

Question

如何通过循环选中复选框？

例如，我有 4 个复选框，如果选择第 3 个复选框，则第 1 个和第 2 个也被选中，如果我选择第 4 个复选框，则第 1、第 2 和第 3 个也被选中。

在 jquery 、java 脚本或任何其他语言中有关于此的任何提示吗？

我们将不胜感激......

HTML代码

<form>
<div>
    <input type="checkbox" name="option-1" id="option-1"> <label for="option-1">Option 1</label>
</div>
<div>
    <input type="checkbox" name="option-2" id="option-2"> <label for="option-2">Option 2</label>
</div>
<div>
    <input type="checkbox" name="option-3" id="option-3"> <label for="option-3">Option 3</label>
</div>
<div>
    <input type="checkbox" name="option-4" id="option-4"> <label for="option-4">Option 4</label>
</div>
<div>
    <input type="checkbox" name="option-5" id="option-5"> <label for="option-5">Option 5</label>
</div>

<div>
    <input type="submit">
</div>

Answer 1

试试这个

$("input:checkbox").on("click",function(){
    if(this.checked)
    $(this).parent().prevAll().each(function(){
        $("input:checkbox",this).attr("checked",true);
    });
});

DEMO

要取消选中所有已选中的，请在下面添加此代码

if(this.checked==false)
    $(this).parent().each(function(){
         $("input").attr("checked",false);
    });

DEMO 2