Entonces para resolver este problema hice lo siguiente:
Estos checkboxes los listo de manera dinámica. Todo lo obtengo directamente desde la base de datos.
En mi formulario tengo:
<div class="w-row">
<% for (int i = 0; i < areaInteresModel.length; i++) {
CatAreaInteresModel areaInteres = CatAreaInteresModel[i];
%>
<div class="w-col w-col-3">
<div class="w-form">
<input type="checkbox" id="<%=areaInteres.getcAreaInteresId()%>" data-name="checkbox" name="checkbox" value="<%=areaInteres.getcAreaInteresId()%>" > <%=areaInteres.getcAreaInteresNombre()%>
</div>
</div>
<%}%>
Y en Javascript
var check_interes = form_t.checkbox_t; //Array que contiene los checkbox
var cont_t = 0; //Variable que lleva la cuenta de los checkbox pulsados
for (var x = 0; x < check_interes.length; x++) {
if (check_interes[x].checked) {
cont_t = cont_t + 1;
}
}
if (cont_t == 0) {
//SINO HA SELECCIONADO
alert("ERROR");
return false;
} else if (cont_t > 5) {
//SINO HA SELECCIONADO MAS DE (5 o N) OPCIONES DISPONIBLES.
alert("ERROR");
return false;
}
var interes = document.forms[2];
var area_interes = "";
var i;
for (i = 0; i < interes.length; i++) {
if (interes[i].checked) {
//OBTENEMOS UN STRING CON TODOS LOS ID DE NUESTRO CHECKBOX
area_interes = area_interes + interes[i].value + ",";
}
}
Espero les sirva, les ayude y espero ser breve y conciso con mi aporte. De no ser así, sugiere una mejor solución, saludos!