Wie kann man prüfen, ob ein Kontrollkästchen aktiviert ist?

Question

Ich habe 2 Kontrollkästchen. Ich brauche einen, nicht beide, aber mindestens 1 zu überprüfen. Es ist keine Mehrfachauswahl, aber Null wird nicht akzeptiert. Wenn eines markiert ist, wird diese Zeile funktionieren jQuery('#wiz_menu.nav-tabs > .active').next('li').find('a').trigger('click'); andernfalls sollte es warnen. Das Folgende macht es ständig aufmerksam.

UPDATE

ich nicht die Submit-Button bin mit oder ich würde die validate plugin verwendet haben. Es ist eine normale Taste neben dem Assistenten zu gehen <button type="button" class="btnNext">Next step</button>

HTML

<div class="form-group"> 
    <label for="usp-category-8" class="usp-checkbox usp-cat usp-cat-0"> 
     <input type="checkbox" name="usp-category[]" id="usp-category-8" value="8" data-required="true" class="usp-input usp-input-category"> 
     Cultura 
    </label> 
    <label for="usp-category-7" class="usp-checkbox usp-cat usp-cat-0"> 
     <input type="checkbox" name="usp-category[]" id="usp-category-7" value="7" data-required="true" class="usp-input usp-input-category"> 
     Scienze 
    </label> 
    <input type="hidden" name="usp-category-required" value="1"> 
</div> 

JS

jQuery('.btnNext').on("click", function(){ 
    if(jQuery(".tab-pane").is("#step1")) { 
    var isChecked = false; 
    $('input[type=checkbox]').on("change", function() { 
     isChecked = true; 
    }); 
    if (isChecked) { 
     jQuery('#wiz_menu.nav-tabs > .active').next('li').find('a').trigger('click'); 
    } else { 
     alert('Please, check at least one checkbox!'); 
    } 
    } 
}); 

Answer 1

Mit jQuery können Sie verwenden is:

$('#form').on('submit', function(e) { 
 
    e.preventDefault(); 
 
    if ($('input[name="hi"]').is(':checked')) { 
 
    console.log('checked'); 
 
    } 
 
}); 
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="form"> 
 
    <input type="checkbox" name="hi" value="hi">Hallo<br> 
 
    <input type="checkbox" name="gb" value="gb">Tschuss<br> 
 
    <input type="submit" value="Submit"> 
 
</form>

, um Ihren Code Angepasst:

$('.btnNext').click(function(e) { 
 
\t e.preventDefault(); 
 
    if ($('#usp-category-7').is(':checked') || $('#usp-category-8').is(':checked')) { 
 
    console.log('at least one is checked'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-group"> 
 
    <label for="usp-category-8" class="usp-checkbox usp-cat usp-cat-0"> 
 
     <input type="checkbox" name="usp-category[]" id="usp-category-8" value="8" data-required="true" class="usp-input usp-input-category"> 
 
     Cultura 
 
    </label> 
 
    <label for="usp-category-7" class="usp-checkbox usp-cat usp-cat-0"> 
 
     <input type="checkbox" name="usp-category[]" id="usp-category-7" value="7" data-required="true" class="usp-input usp-input-category"> 
 
     Scienze 
 
    </label> 
 
    <input type="hidden" name="usp-category-required" value="1"> 
 
    <button class="btnNext">Next</button> 
 
</div>

Answer 2

Dank eines Kommentars, ich es so persönlich beschlossen, sie Radio-Buttons machen. Aber ich werde die andere Antwort akzeptieren, da sie korrekt ist.

jQuery('.btnNext').on("click", function(){ 
    if(jQuery(".tab-pane").is("#step1")) { 
    if($('input[type=radio').is(':checked')) { 
     jQuery('#wiz_menu.nav-tabs > .active').next('li').find('a').trigger('click'); 
    } else { 
     alert('Please, check at least one checkbox!'); 
    } 
    } 
});