Hola a todos, esta es mi duda, tengo dos formularios en una misma página y necesito que el valor del input grupo sea igual al valor del input res, eso como se haría teniendo en cuenta que cada vez que pinchas un boton radio ese valor cambia, lo e puesto así, pero no funciona:
document.forms.form1.grupo.value = document.forms.form1.res.value;
document.forms.form2.grupo.value = document.forms.form2.res2.value;
Alguien sabe como se puede hacer esto?
Un saludo
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Formulario</title>
</head>
<body>
<SCRIPT LANGUAGE=JAVASCRIPT>
//document.form1.grupo.value=form1.res.value
document.forms.form1.grupo.value = document.forms.form1.res.value;
</SCRIPT>
<script language="JavaScript">
var valor = 0;
function actualizaValor(oRad){
valor = oRad.value;
}
function leeValor(){
with (document.form1)
res.value = valor;
}
</script>
<font size="1" face="Verdana, Arial, Helvetica, sans-serif"></font>
<form name="form1" method="post" action="">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input type="radio" name="voces" value="Gprincipal" id="GP" onclick="actualizaValor(this);leeValor()">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<LABEL for=GP><strong>GRUPO Principal</strong></LABEL>
</font>
<input name="voces" type="radio" id="GS" onClick="actualizaValor(this);leeValor()" value="GSecundario">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<LABEL for=GS><strong>GRUPO Secundario</strong></label>
</font>
<input type="radio" name="voces" value="VozPrincipal" onClick="actualizaValor2(this);leeValor()" id="VP">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<LABEL for=VP><strong>Voz Principal</strong></label>
</font> <br>
<br>
<br>
<input name="res" type="text" id="res" style="color: #000000; background-color: #FFFFFF; border-top : 1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right : 1px solid; font-family : Verdana,tahoma,Arial; font-size : 10px; ">
<input name="grupo" type="text" id="grupo" style="color: #000000; background-color: #FFFFFF; border-top : 1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right : 1px solid; font-family : Verdana,tahoma,Arial; font-size : 10px;" value="recoger valor">
</font>
</form>
<script language="JavaScript">
var valor = 0;
function actualizaValor2(oRad){
valor = oRad.value;
}
function leeValor2(){
with (document.form22)
res2.value = valor;
}
</script>
<form name="form22" method="post" action="">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input type="radio" name="voces" value="Gprincipal" id="GP2" onclick="actualizaValor2(this);leeValor2()">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<LABEL for=GP2><strong>GRUPO Principal</strong></LABEL>
</font>
<input name="voces" type="radio" id="GS2" onClick="actualizaValor2(this);leeValor2()" value="GSecundario">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<LABEL for=GS2><strong>GRUPO Secundario</strong></label>
</font>
<input type="radio" name="voces" value="VozPrincipal" onClick="actualizaValor2(this);leeValor2()" id="VP2">
<font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<LABEL for=VP2><strong>Voz Principal</strong></label>
</font> <br>
<br>
<br>
<input name="res2" type="text" id="res2" style="color: #000000; background-color: #FFFFFF; border-top : 1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right : 1px solid; font-family : Verdana,tahoma,Arial; font-size : 10px; ">
<input name="grupo" type="text" id="grupo" style="color: #000000; background-color: #FFFFFF; border-top : 1px solid; border-bottom : 1px solid; border-left : 1px solid; border-right : 1px solid; font-family : Verdana,tahoma,Arial; font-size : 10px;" value="recoger valor">
</font></form>
</body>
</html>