Recorrer checkbox y copiar a imput

[elsabio]

Estimados amigos:

Gracias por su apoyo.

Tengo un checkbox con el mismo nombre y que pueda deleccionar varios valores:

<input type=checkbox name=tags[] value='1'> 1
<input type=checkbox name=tags[] value='2'> 2
<input type=checkbox name=tags[] value='3'> 3
<input type=checkbox name=tags[] value='4'> 4

Quiero que al seleccionar uno o mas valores se copien en un input separado por comas.

<input type="text" name="destino1" />

Espero que me puedan ayudar.

Saludos

[caricatos]

Hola:

Sobre el código, te recomiendo que entrecomilles los atributos.

Hay una colección DOM que obtienes con document.getElementsByName... y desde el formulario... elForm["tags[]"] referenciará a esos controles. Deberías recorrerlos con un bucle...

Saludos

[elsabio]

Estimado Caricatos:

Gracias por tu respuesta. Estuve revisando tu sugerencia y llegue q este punto.-
================
<script type="text/javascript">
function copiar(){
var elementos = document.getElementsByName("opcion1");
texto = "";
for (x=0;x<elementos.length;x++){
texto = texto + elementos[x].value + ", "; }

document.forms['miformulario']['destinook'].value = texto

}
</script>

<form id="miformulario" action="#">
<input type="checkbox" name="opcion1" value="1" id="opcion1" onClick="copiar()">
<input type="checkbox" name="opcion1" value="2" id="opcion2" onClick="copiar()">
<input type="checkbox" name="opcion1" value="3" id="opcion3" onClick="copiar()">
<input type="checkbox" name="opcion1" value="4" id="opcion4" onClick="copiar()">

<input type="text" name="destinook" />

</form>

============

Cuando selecciono un check recorre todo; solo necesito que se copie los que selecciono y se copie en el input separado por una (,). Ademas si deselecciono un check tambien se quita del input.

A ver si me puene ayudar.

saludos

[caricatos]

Hola:

Con pocos toques llegarás al éxito ...

Antes de la concatenación deberías consultar el estado "checked" del checkbox; y sobre la concatenación, te comento un truco... en vez de encadenar el resultado, yo suelo usar un array inicialmente vacío, añadiendo items con el método push; y al terminar el bucle con el arreglo de los elementos checkeados, vuelco el array aplicándole el método split...

Sigue comentándonos tus progresos.

Saludos

[elsabio]

hola Caricatos:

hoy revise bien el codigo e hize algunos cambios y pude resolverlo.
============
<script type="text/javascript">
function copiar(){
var elementos = document.getElementsByName("opcion1");

texto = "";
for (x=0;x<elementos.length;x++){
if (elementos[x].checked==true) {
texto = texto + elementos[x].value + ", ";
}
}
document.forms['miformulario']['destinook'].value = texto

}
</script>


<form id="miformulario" action="#">
<input type="checkbox" name="opcion1" value="1" id="opcion1" onClick="copiar()">
<input type="checkbox" name="opcion1" value="2" id="opcion2" onClick="copiar()">
<input type="checkbox" name="opcion1" value="3" id="opcion3" onClick="copiar()">
<input type="checkbox" name="opcion1" value="4" id="opcion4" onClick="copiar()">

<input type="text" name="destinook" />

</form>
================

funciona muy bien, solo un detalle mas:

Cuando selecciono uno o mas, por ejemplo. 1, 2, 4, ... al final me queda la (,) y el espacio. como puedo eliminarlo? he usado el trim pero nada.

Espero q me puedas ayudar.

Saludos

[caricatos]

Hola:

¿Qué lástima que no te hayas enterado de mi truco...

texto = [];// en vez de texto = "";
// ...
texto.push(elementos[x].value);// --> texto = texto + elementos[x].value + ", ";
// ... y para terminar:
document.forms['miformulario']['destinook'].value = texto.split(",");

Saludos