Puedes hacer que en el evento onsubmit
de ese formulario realice la validación de los checks:
<form onsubmit="comprobarChecks(event);">
en la función de validar puedes hacer lo siguiente para comprobar si hay un check seleccionado:
function comprobarChecks(event){
var checkbox = document.getElementsByName('groupCheckbox[]');
var contador = 0;
for(var i=0; i< checkbox.length; i++) {
if(checkbox[i].checked)
contador++
}
//Con JQuery contador=$('[name="groupCheckbox[]"]:checked').length
if(contador ==0){
console.log("Obligatorio un check!");
event.preventDefault();
}
}
Básicamente lo que hace es contar todos los checkbox
que estén seleccionados, y si son 0
sacas tu mensaje y cancelas el evento del submit con: event.preventDefault();
Si Usar JQuery
puedes cambiar el siguiente código:
var checkbox = document.getElementsByName('groupCheckbox[]');
var contador = 0;
for(var i=0; i< checkbox.length; i++) {
if(checkbox[i].checked)
contador++
}
Por esto:
var contador=$('[name="groupCheckbox[]"]:checked').length
function comprobarChecks(event){
var checkbox = document.getElementsByName('groupCheckbox[]');
var contador = 0;
for(var i=0; i< checkbox.length; i++) {
if(checkbox[i].checked)
contador++
}
//Con JQuery contador=$('[name="groupCheckbox[]"]:checked').length
if(contador ==0){
console.log("Obligatorio un check!");
event.preventDefault();
}
}
<form onsubmit="comprobarChecks(event);">
<input type="checkbox" name="groupCheckbox[]" value="1" >
<input type="checkbox" name="groupCheckbox[]" value="2" >
<input type="checkbox" name="groupCheckbox[]" value="3" >
<input type="checkbox" name="groupCheckbox[]" value="4" >
<input type="submit" value="Enviar" onclick="">
</form>