Valor Checkbox

[pinguinogil]

Hola a todos.
¿Como puedo poner el value de un campo de texto en el value de un checkbox?
Tengo una serie de filas con sus correspondientes cuadritos de checkbox y sus campos de texto y quiero que se envíe a otra página solo el campo de texto del checkbox seleccionado.

Un saludo y muchas gracias.

[Adler]

Hola

Podría ser algo como esto, no lo he probado

Supongamos que este es el formulario

Código html:

<form>
<input type="text" id="txt_1" value="" /> <input type="checkbox" id="chb" value="1" onClick="funcion (this.id);"/><br>
<input type="text" id="txt_2" value="" /> <input type="checkbox" id="chb" value="2" onClick="funcion (this.id);"/><br>
<input type="text" id="txt_3" value="" /> <input type="checkbox" id="chb" value="3" onClick="funcion (this.id);"/>
</form>
 

Código javascript:

function funcion (c) {
var b = document.getElementById(c);
if (b.checked);
b.value = document.getElemtById("txt"+c).value;
}
 

Suerte

[goyo_]

Iniciado por Adler

Hola

Podría ser algo como esto, no lo he probado

Supongamos que este es el formulario

Código html:

<form>
<input type="text" id="txt_1" value="" /> <input type="checkbox" id="chb" value="1" onClick="funcion (this.id);"/><br>
<input type="text" id="txt_2" value="" /> <input type="checkbox" id="chb" value="2" onClick="funcion (this.id);"/><br>
<input type="text" id="txt_3" value="" /> <input type="checkbox" id="chb" value="3" onClick="funcion (this.id);"/>
</form>
 

Código javascript:

function funcion (c) {
var b = document.getElementById(c);
if (b.checked);
b.value = document.getElemtById("txt"+c).value;
}
 

Suerte

Creo que esta funcion esta destinada a fracasar ya que SIEMPRE estas pasando el mismo valor "chb" a la funcion: "funcion (this.id);". Fijate como los 3 checkboxes contienen la misma id. Talvez deberia ser "funcion (this.value);"?

Ademas creo que lo que pide es almacenar el valor del input:text al valor del checkbox, o me equivoco? Si es asi ocupara utilizar el onblur del input:text, o asignar los valores cuando la forma dispare su onsubmit.

[Adler]

Iniciado por goyo_

Creo que esta funcion esta destinada a fracasar ya que SIEMPRE estas pasando el mismo valor "chb" a la funcion: "funcion (this.id);". Fijate como los 3 checkboxes contienen la misma id. Talvez deberia ser "funcion (this.value);"?

Ademas creo que lo que pide es almacenar el valor del input:text al valor del checkbox, o me equivoco? Si es asi ocupara utilizar el onblur del input:text, o asignar los valores cuando la forma dispare su onsubmit.

Bien por darte cuenta, habría que cambiar las id de los checkbox por (1,2,3) de tal manera que como argumento se le pasase su id, después se comprueba que este seleccionado, siempre lo estará y por último reescribimos el valor del checkbox. También habría que cambiar document.getElemtById("txt"+c).value; por document.getElemtById("txt_"+c).value;

Suerte

[pinguinogil]

Muchas gracias goyo y Adler, pero creo que la opción de Adler me funcionaría, y me explico. El problema que tengo es que genero las líneas de checkbox con jsp y el id siempre es el mismo. Lo mismo me ocurre con el campo input, por lo que tengo que detectar una vez que se han generado las líneas (dependiendo del resultado de la consulta me genera un nº de líneas con sus correspondientes checkbox y campos input, pero siempre con el mismo id), cual de ellas está activada y pasarle el valor del campo texto.

Un saludo.

[pinguinogil]

He intentado hacer esto para después pasar como campo hidden el valor de la selección, pero no me funciona, me da el siguiente error [object+HTMLInputElement]. El campo hidden no coge el valor.

<script>
function funcion (c) {
var b = document.getElementById(c);
if (b.checked);
b.value = document.getElementById("txt").value;
document.getElementById("can").value=b;
}
</script>

<input type="hidden" name="can" id="can">

Si modifico la línea b.value = document.getElementById("txt").value; con b.value = document.getElementById("txt"+c).value;
no me pasa ningún valor

Un saludo.

[Adler]

Hola

Prueba con esto, a ver si es lo que buscas

Código javascript:

<html>
<head>
<script type="text/javascript">
function funcion (cual) {
 f = cual.form;
 n = cual.name;
for (var i = 0, nombres = f[n], total = nombres.length; i < total; i++) 
if (f[n][i] == cual) 
var b = f[n][i].value = f.txt[i].value;
//alert(b);
document.getElementById("can").value = b;
}
</script>
</head>
<body>
<form>
<input type="text" id="txt" value="" /> <input type="checkbox" name="chb" id="chb" value="a" onClick="funcion (this);"/><br />
<input type="text" id="txt" value="" /> <input type="checkbox" name="chb" id="chb" value="2" onClick="funcion (this);"/><br />
<input type="text" id="txt" value="" /> <input type="checkbox" name="chb" id="chb" value="3" onClick="funcion (this);"/><br />
<input type="text" name="can" id="can"  value="">
</form>
</body>
</html>
 

Suerte

[pinguinogil]

Estoy desesperado, sigo sin conseguirlo. Introduzco una cantidad en el input y selecciono su correspondiente checkbox, pero no me pasa dicha cantidad a "can".

Sigo en ello.

[Adler]

Iniciado por pinguinogil

Estoy desesperado, sigo sin conseguirlo. Introduzco una cantidad en el input y selecciono su correspondiente checkbox, pero no me pasa dicha cantidad a "can".

Sigo en ello.

Qué extraño!!. El guión que te di en mi anterior post está probado en FF y IE8