checkbox 多选按钮，如果前面选中了任意一项或多项(答案)，选中最后一项(其他)前面所选中的按钮都取消掉

在checkbox多选项中，有时候前面几项答案与最后一项答案相反，这时候需要进行限定选项属性，当选中最后一项时，前面几项自动取消掉；当选中前面任意一项时，最后一项自动取消掉；代码实现如下：

• 案例一

1. css代码

  <style>
    .aui_frame{
   
        width: 40%;
        height: 20%;
        margin: 50px auto auto  auto;
        background-color: #e4e4e4;
    }
    .aui_padding_15{
   
        padding: 10px;
    }
    </style>

2. html代码

    <div class="aui_frame">
        <dl>
<dd class="aui_padding_15"><label><input type="checkbox" class="fruit" id="cb_fruit"/>