关于我有五个checkbox控件，当我点击完两个checkbox控件以后，我点击第三个的时候我想要取消前面两个里面value值比较小的那个我大致该咋写？

五个checkbox控件都是固定的，但是我现在不懂的是我用什么函数来取消我之前点击的控件，我的function onclick（）里面只有一个参数，然后所有的checkbox控件的name是一样的，没有id

在你的基础上我稍微改动了一下，但是还没有达到我预期的效果，我也不知道我是什么地方出了问题
<label>
    <input type="checkbox" value="2021-12-20" name="compareDate" onchange="onClickCheck(this)" > 2021-12-20
</label>
<label>
    <input type="checkbox" value="2021-11-20" name="compareDate" onclick="onClickCheck(this)"> 2021-11-20
</label>
<label>
    <input type="checkbox" value="2021-10-20" name="compareDate" onclick="onClickCheck(this)"> 2021-10-20
</label>
<label>
    <input type="checkbox" value="2021-09-20" name="compareDate" onclick="onClickCheck(this)"> 2021-09-20
</label>
<label>
    <input type="checkbox" value="2021-08-20" name="compareDate" onclick="onClickCheck(this)"> 2021-08-20
</label>

                        
                </div>
            </div>
        </div>
    </div>
</div>

    <script>

    function onClickCheck(obj)
    {
        if (obj.checked == false) return;

        var chks = document.getElementsByName('chk');
        var ar = [];
        chks.forEach(element => {
            if (element != obj && element.checked)
                ar.push(element);
        });

        if (ar.length < 2) return;

        if (new Date(ar[0].value ) < new Date(ar[1].value))
            ar[0].checked = false;
        else
            ar[1].checked = false;
        
    };

谢谢大佬，突然发现我的div少写了一个