Question

如何在验证前控制两个复选框？当我尝试它只使用1，但2我阻止。

HTML CODE：

   <div id="form-validation">
   <input class="ident_pro_cgv" id="ident_pro_cgv" name="ident_pro_cgv" value="1" type="checkbox" style="width:20px;">
   <input class="ident_pro_habil" id="ident_pro_habil" name="ident_pro_habil" value="1" type="checkbox" style="width:20px;">  
   <div class='ident_pro_habilME' style="color:#fd0082;"></div>

JQUERY

    $(document).ready(function () {
    $('#registerButton').click(function(){

        var ident_pro_cgv=$('#ident_pro_cgv').val();
        var ident_pro_habil=$('#ident_pro_habil').val();

        if ($("#ident_pro_cgv:checked || #ident_pro_habil:checked").length == 0){
            $('.ident_pro_habilME').text("Veuillez accepter les conditions générales et confirmer votre habilitation.");
            return false;
        }
    });
});

Answer 1

将其更改为：

if ($("#ident_pro_cgv:checked || #ident_pro_cgv:checked").length == 0){
        $('.ident_pro_habilME').text("Veuillez accepter les conditions générales et confirmer votre habilitation.");
        return false;
    }

<强>这样：

 if ($("#ident_pro_cgv:checked").length == 0 || $("#ident_pro_cgv:checked").length == 0){
        $('.ident_pro_habilME').text("Veuillez accepter les conditions générales et confirmer votre habilitation.");
        return false;
    }

<强> Working Demo

或者：

 if ($("#ident_pro_cgv:checked, #ident_pro_cgv:checked").length == 0){
        $('.ident_pro_habilME').text("Veuillez accepter les conditions générales et confirmer votre habilitation.");
        return false;
    }

<强> Working Demo

jquery中的两个验证复选框

1 个答案: