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

  

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