Múltiples casillas de verificación por lo menos 1 requerido

Tengo una lista de casillas de verificación múltiples. el usuario puede verificar todo pero al menos es obligatorio. No estoy seguro de cómo hacer que esto suceda

Box Set 1

Box Set 2

Box Set 3

Box Set 4

    Aquí hay un ejemplo usando jquery y su html.

           

    Box Set 1

    Box Set 2

    Box Set 3

    Box Set 4

    Esto debería tener lo que necesitas, revisa el archivo jsfiddle en la parte inferior:

     $(document).ready(function () { $('#txt').val($("input[type=checkbox]:checked").length); $('#txt2').val($("input[type=checkbox]").length); $('input[type=checkbox]').change(function () { checked = $("input[type=checkbox]:checked").length; $('#block').show(); $('#block2').hide(); if (checked > 0) { $('#block').hide(); $('#block2').show(); $('#txt').val(checked); } }); }); 

    http://jsfiddle.net/wpgeek/arEdz/

    Puede hacerlo en un nivel de PHP o en un nivel de Javascript. Si usa Javascript y / o JQuery, puede verificar y validar si todas las casillas están marcadas con un selector …

    Jquery también ofrece varias bibliotecas de validación. Echa un vistazo a: http://jqueryvalidation.org/

    El problema con el uso de Javascript para validar es que se puede omitir, por lo que es aconsejable verificar el servidor también.

    Ejemplo usando PHP y asumiendo que usted está llamando a un PO

     < ?php if( $_GET["BoxSelect"] ) { //Process your form here // Save to database, send email, redirect... } else { // Return an error and do not anything echo "Checkbox is missing"; exit(); } ?> 

    El problema con la solución aceptada anterior es que no permite la condición de otra cosa en el envío del formulario (si se ha seleccionado una casilla), lo que impide el envío del formulario, al menos cuando lo probé.

    Descubrí otra solución que afecta el resultado deseado de manera más completa en mi humilde opinión, aquí:

    Asegurarse de que al menos una casilla esté marcada

    Código de la siguiente manera:

     function valthis() { var checkBoxes = document.getElementsByClassName( 'myCheckBox' ); var isChecked = false; for (var i = 0; i < checkBoxes.length; i++) { if ( checkBoxes[i].checked ) { isChecked = true; }; }; if ( isChecked ) { alert( 'At least one checkbox checked!' ); } else { alert( 'Please, check at least one checkbox!' ); } } 

    Violín

    Ese código y respuesta por Vell

    Usando esto, puede marcar al menos una checkbox seleccionada o no en diferentes grupos de casillas de verificación o en múltiples casillas de verificación.

    Referencia: Enlace

       Male
    Female
    ck1
    ck2
    ck3
    ck4