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

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

• 案例一

1. css代码

2. html代码

    
"aui_frame">
        

"aui_padding_15">"checkbox" class="fruit" id="cb_fruit"/>苹果
"aui_padding_15">"checkbox" class="fruit" id="cb_fruit"/>香蕉
"aui_padding_15">"checkbox" class="fruit" id="cb_fruit"/>橘子
"aui_padding_15">"checkbox"  id="fruit_basket"/>水果篮
        
    

3. js代码

 //当选中水果篮值时
    $("#fruit_basket").change(function(){
        //如果水果篮被选中，则自动取消选中的苹果、香蕉、橘子；
        if($(this).is(":checked")){
            $(".fruit").prop("checked",false);
        }else{
            $(".fruit").prop("checked",false);
        }
    });
     //当选中苹果、香蕉、橘子中任意一项或多项式时
    //需要判断水果篮是否被选中，如果被选中，那么将自动取消掉；
    $(".fruit").change(function(){
         if($(".fruit:checked").length==$(".fruit").length){
             $("#fruit_basket").prop("checked",false);
         }else{
           $("#fruit_basket").prop("checked",false);
         }
    });

4. 效果图
   这是选中最下面的选项这是选中上面的几项

• 案例二

1. 代码

{question.captionType=='2'&&question.id==answer.questionId}">
                       			

                       				{question.id}" value="${answer.id}" >${answer.answerValue }
                       			
                       		

$("input[name='checkbox_a5']").on("click",function(){
        if($("input[name='checkbox_a5']:last").is(":checked")){
            $("input[name='checkbox_a5']:checked").attr("checked" ,false);
            $(this).addClass("checked");
            $(this).attr("checked", true);

        }
    });

2. 效果图