Contador checkbox jquery or javascript
Publicado por Wasp (24 intervenciones) el 19/08/2016 09:39:57
Buenas a todos/as.
Estoy intentando realizar una cosa que seguro que es muy tonta pero me pierdo con javascript o jquery.
Tengo una tabla con datos, y en una de las filas pues tengo checkbox que el usuario puede marcar.
Me gustaría que por ejemplo, cuando el usuario haya marcado 4 y quiera marcar un quinto, le salga un mensaje por pantalla que diga, "por favor solo marque 4".
Supongo que tendré que ir recorriendo esos checkbox y tener un contador y cuando sea mayor que 4 mandar un mensaje por pantalla pero no se como recorrerlo.
En principio es 4, pero me valdría cualquier numero ya que supongo que eso será un contador.
He probado algo asi pero no me funciona:
Si no me he explicado bien, avisarme.
Muchas gracias.
Estoy intentando realizar una cosa que seguro que es muy tonta pero me pierdo con javascript o jquery.
Tengo una tabla con datos, y en una de las filas pues tengo checkbox que el usuario puede marcar.
1
2
3
4
5
<input type=checkbox id=checkboxCompare1 name=checkboxCompare value=X>
<input type=checkbox id=checkboxCompare2 name=checkboxCompare value=Y>
<input type=checkbox id=checkboxCompare3 name=checkboxCompare value=Z>
<input type=checkbox id=checkboxCompare4 name=checkboxCompare value=R>
<input type=checkbox id=checkboxCompare5 name=checkboxCompare value=Q>
Me gustaría que por ejemplo, cuando el usuario haya marcado 4 y quiera marcar un quinto, le salga un mensaje por pantalla que diga, "por favor solo marque 4".
Supongo que tendré que ir recorriendo esos checkbox y tener un contador y cuando sea mayor que 4 mandar un mensaje por pantalla pero no se como recorrerlo.
En principio es 4, pero me valdría cualquier numero ya que supongo que eso será un contador.
He probado algo asi pero no me funciona:
1
2
3
4
5
6
7
8
9
10
11
12
<script type=text/javascript>
$(document).ready(function() {
$('#checkboxCompare').click(function() {
alert('Estamos dentro del contador de los checkbox');
var contador = 0;$(\"input[@name='categoria[]']:checked\").each(function() {
if(contador > 4){
alert('Por favor, selecciona solo 4 elementos');
}contador++;
}); }); });
</script>
Si no me he explicado bien, avisarme.
Muchas gracias.
Valora esta pregunta
0
