como enviar el array de checkbox selecionados

[riscking]

hola tengo un problemon y esque tengo un formulario con checkbox dinámicos y no se como enviar los selecionados mediante ajax a un archivo mail.php que sera el q lo enviara a un mail.
El problema está en pasar el array de seleccion[]

Código PHP:

  ? 
// Realizar la conexión a la BD  
include ("config.php"); 
// Ejecutar la consulta para obtener los datos de la BD. 
$resultado=mysql_query("SELECT * FROM tabla"); 
 
// Se inicial el formulario 
echo "<form action=\"procesar.php\" method=\"post\"> \n"; 
 
// Extraemos y componemos los checbox dinámicos de los datos de nuestra tabla de la BD. 
while ($row = mysql_fetch_array($resultado)){ 
  echo "<input type=\"checkbox\" name=\"seleccion[]\" value=\"".$row['id']."\">".$row['nombre']."<br>"; 
} 
<br> 
<input class="inputNormal" type="text" id="Nombre"> 
// Cerramos el formulario y ponemos nuestro botón de Submit. 
echo "<input type=\"submit\" name=\"Submit\" value=\"Enviar\">"; 
echo "</form>"; 
?>  
  

la fincion ajax es mas o menos la siguiente

Código PHP:

  var nombre=eliminaEspacios(form.inputNombre.value); 
var apellidos=eliminaEspacios(form.apellidos.value); 
 
var ajax=nuevoAjax(); 
        ajax.open("POST", mail.php, true); 
        ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
        ajax.send("nombre="+nombre+"&apellidos="+apellidos");  
         
        ajax.onreadystatechange=function() 
        { 
            if (ajax.readyState==4) 
            { 
                var respuesta=ajax.responseText; 
                if(respuesta=="OK") 
                { 
                    var texto="<img src='ok.gif' alt='Ok'><br>Gracias por su mensaje.<br>Le responderemos a la brevedad.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; 
                } 
                else var texto="<img src='error.gif'><br><br>Error: intente más tarde.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; 
                 
                muestraMensaje(texto); 
            } 
        }  
   

Espero que me ayudeis. Gracias

[GatorV]

Hola riscking,

Tienes que recorrer todos los elementos de tu <form> usando las funciones de DOM de Javascript, como document.getElementByTagName, recuperar los seleccionados mirando la propiedad "checked" de cada elemento y agregarlas a un array, posteriormente transformas ese array en un string y lo anexas a tu petición AJAX.

Saludos

[caricatos]

Hola:

Se pueden seleccionar en un array los que están checked...

sels = [];
for (i = 0, s = form["seleccion[]"], total = s.length; i < total; i ++) if (s[i].checked) sels.push(s[i].value);

y luego "sels=" + sels.join(","), aunque en php debeías recogerlos con un implode...

Saludos

[caricatos]

¡Menudo choque...!

[riscking]

vaya si que me habia ido por lo cerros de ubeda, juas juas.

A ver la cosa a quedado asi y me da q algo está mal porque no me hace ada al enviar.
contador dice la longitud del array total osea los checkbox q hay.

Código PHP:

  form=document.getElementById("formulario"); 
var nombre=eliminaEspacios(form.inputNombre.value); 
var apellidos=eliminaEspacios(form.apellidos.value); 
sels = []; -->esto asi a secas no se si estara bien asi esque no me suena haberlo visto. 
s = form["seleccion[]"]; 
for (i = 0,  i < contador, i ++)  
if (s[i].checked)  
sels.push(s[i].value); 
 
var ajax=nuevoAjax(); 
        ajax.open("POST", mail.php, true); 
        ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
        ajax.send("nombre="+nombre+"&apellidos="+apellidos+"&sels="+sels.join(",")");  
         
        ajax.onreadystatechange=function() 
        { 
            if (ajax.readyState==4) 
            { 
                var respuesta=ajax.responseText; 
                if(respuesta=="OK") 
                { 
                    var texto="<img src='ok.gif' alt='Ok'><br>Gracias por su mensaje.<br>Le responderemos a la brevedad.<br><br> 
<button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; 
                } 
                else var texto="<img src='error.gif'><br><br>Error: intente más tarde.<br><br> 
<button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; 
                 
                muestraMensaje(texto); 
            } 
        }  
   

caricatos te puedo pasar los archivos y le hechas un ojo si veo q no me va sino te importa claro,y muchas gracias por contestar estaba mas perdido q la leche y esque llevo muy poco trabajando con ajax y esto me esta dando un quebradero de cabeza de la leche.

[GatorV]

Pues veo para empezar que tienes un problema en que abres una comilla y nunca la cierras, si te fijas el mismo coloreador del foro te indica el problema.

Saludos

[caricatos]

Hola:

Código:

sels = []; -->esto asi a secas no se si estara bien asi esque no me suena haberlo visto.

Eso es lo mismo que poner sels = new Array(), o sea que crea un array vacio, y se van añadiendo elementos con sels.push(algo) (push es un método nativo de los arrays...

Creo que GatorV te enseña el error que tienes, y para que veas el funcionamiento online, copia el siguiente código:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>
<script>
function mostrar() {
f = document.forms[0];
sels = [];
for (i = 0, s = f["seleccion[]"], total = s.length; i < total; i ++)
 if (s[i].checked) sels.push(s[i].value);
alert("seleccion=" + sels.join(","));
}
</script>
</head>
<body>
<form action="javascript: mostrar()" >

<input type="checkbox" name="seleccion[]" value="a">a<br/>
<input type="checkbox" name="seleccion[]" value="b">b<br/>
<input type="checkbox" name="seleccion[]" value="c">c<br/>
<input type="checkbox" name="seleccion[]" value="d">d<br/>
<input type="checkbox" name="seleccion[]" value="e">e<br/>

<br />
<input class="inputNormal" type="text" id="Nombre">

<input type="submit" name="Submit" value="Enviar"
</form>
</body>
</html>

... y pégalo en la pestaña "Editar" de esta página: Probador de scripts. Luego prueba los resultados en la pestaña del mismo nombre...

Y si quieres que el array lo reciba php sin necesidad del explode (antes lo puse mal), el array deberías cargarlo así:

Código:

if (s[i].checked) sels.push("seleccion[]=" + s[i].value);

Y los parámetros casi igual a como la tienes:

ajax.send("nombre="+nombre+"&apellidos="+apellidos +"&"+sels.join("&"));

Saludos

[riscking]

caricatos eres un crack, si señor ya lo he conseguido, al final los parametros se los he pasado de la anterior forma que ya lo pasa como un string y asi no tengo q modificarlo ya q me saca los valores selecionados.

ajax.send("nombre="+nombre+"&apellidos="+apellidos +"&sels="+sels.join(","));

Estaba bien la primera vez solo que cometi un fallo garrafal con el for poniendo , y no ; pero bueno despues de casi dos dias dando guerra ya esta, te debo una y a GatorV tb por contestar.

Creo q he aprendido bastante con esto tanto de ajax como de javascript.

Un saludo y hasta otra.