Foros del Web - Ver Mensaje Individual

emprear · #3 (**permalink**) 21/04/2012, 20:42

Varias cosas a mencionar
No podés repetir los id.
Si los checkboxes corresponden a un mismo grupo, y al parecer asi es (digamos el grupo "opciones"), no tenes que darles names diferentes, contruis un array para que php lo procese
Si ya estás utilizando jquery ($.ajax), por que no simplifica´s y hacés todo con jquery.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
</head>
<body>
<form id="form1" method="post" action="recibio.php" style="width: 50%;" name="form1">
<fieldset><label for="nombre">Nombre</label> <input type="text" name="nombre" id="nombre" class="text ui-widget-content ui-corner-all" />
<table border="0" id="users">
<tr>
<td width="244"><label><input class="chk" type="checkbox" name="opcion[]" value="opcion1" /> Opcion 1</label></td>
 
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="opcion2" /> Opcion 2</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="opcion3" /> Opcion 3</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="opcion4" /> Opcion 4</label></td>
</tr>
<tr>
 
<td><label><input class="chk" type="checkbox" name="opcion[]" value="opcion5" /> Opcion 5</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="opcion6" /> Opcion 6</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="opcion7" /> Opcion 7</label></td>
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="opcion8" /> Opcion 8</label></td>
 
</tr>
<tr>
<td><label><input class="chk" type="checkbox" name="opcion[]" value="opcion9" /> Opcion 9</label></td>
</tr>
<tr>
<td><input class="chk" type="checkbox" name="opcion[]" value="opcion10" /> Opcion 10</td>
</tr>
<tr>
<td><input class="chk" type="checkbox" name="opcion[]" value="opcion11" /> Opcion 11</td>
</tr>
<tr>
 
<td><input class="chk" type="checkbox" name="opcion[]" value="opcion12" /> Opcion 12</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><label><input type='checkbox' id='chk_todos' value="checkbox" /></label> todos</td>
</tr>
</table>
</fieldset>
<input name="contador" id="contador" type="text" value="ninguno" /></form>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){  
 $(".chk").click(function(event) {
 var laclase = $(this).attr("class");
 var count = $(":checkbox.chk:checked").length;
 $('#contador').val(count);
 });
 
 $("#chk_todos").click(function(){
 
 var checked_estado = this.checked;
 
 if(checked_estado == true){
  $('#contador').val('todos');
  }else{
  $('#contador').val('ninguno');
  }
  $(".chk").each(function(){
  this.checked = checked_estado;
  });
 }); 
});
//]]>
</script>
 
</body>
</html>

Para finalizar, el valor de la cantidad de opciones seleccionadas y el valor de las mismas, se puede hacer en el php
Saludos