jQuery - Controleer Checkbox / Radio


Controleer met jQuery of een checkbox in een formulier is aangevinkt of niet. Aan de hand van de controle kun je dan bijvoorbeeld bepaalde elementen verbergen of juist tonen op de pagina. Hieronder tevens een tweede code om live te controleren of een bezoeker een checkbox in een formulier aanklikt of niet en hier weer acties aan vast hangen. In dit geval gaat het over een checkbox maar dit kan ook worden toegepast op een Radio button.

$(document).ready(function() {
        if ($('.checkbox').is(':checked')) {
                return true;
        }
        else {
                $(".element").hide();
        }
});


Live controleren of een checkbox is aangevinkt


$(document).ready(function() {
        $(".checkbox").on("click", function(){
                if($(".checkbox").is(":checked")){
                        $(".element").show();
                } else {
                        $(".element").hide();
                }
        });
});


Een alternatieve manier.

$(document).ready(function() {
        $(".element").addClass('uitgeschakeld');
        $('.checkbox').click(function () {
                $('.element').toggleClass('uitgeschakeld', !$(':checkbox:checked').length);
        });
});