18/12/2009, 18:02
|
 | Javascripter | | Fecha de Ingreso: abril-2009 Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 1 mes Puntos: 1485 | |
| Respuesta: S.O.S. pasar valor de un radio a un input text
estudia detenidamente el ejemplo.
Código:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Test Development</title>
<script type='text/javascript'>
function bindGroup(master, fields){
var name = master.name, binded = [], item;
for(var i = 0; item = this[name][i]; i++) if(item === master) break;
for(var j = 0; fields[j]; j++){
this[fields[j]][i].checked = true;
binded.push(this[fields[j]][i]);
}
return binded;
} // bindGroup;
function setValuesEvent(evt){
var elem = evt.target || evt.srcElement;
if(!/^input$/i.test(elem.nodeName) || !/^radio$/i.test(elem.type))return;
var group = bindGroup.call(this, elem, ['group1', 'group2', 'group3']);
this.g1.value = group[0].value;
this.g2.value = group[1].value;
this.g3.value = group[2].value;
}
</script>
<style type='text/css'>
</style>
</head>
<body>
<form>
<div onclick="setValuesEvent.call(this.parentNode, event)">
<p>Group 1<br />
<input type="radio" name="group1" value="G1O1" /> Option 1
<input type="radio" name="group1" value="G1O2" /> Option 2
<input type="radio" name="group1" value="G1O3" /> Option 3
<input type="radio" name="group1" value="G1O4" /> Option 4</p>
<p>Group 2<br />
<input type="radio" name="group2" value="G2O1" /> Option 1
<input type="radio" name="group2" value="G2O2" /> Option 2
<input type="radio" name="group2" value="G2O3" /> Option 3
<input type="radio" name="group2" value="G2O4" /> Option 4</p>
<p>Group 3<br />
<input type="radio" name="group3" value="G3O1" /> Option 1
<input type="radio" name="group3" value="G3O2" /> Option 2
<input type="radio" name="group3" value="G3O3" /> Option 3
<input type="radio" name="group3" value="G3O4" /> Option 4</p>
</div>
<input type="text" name="g1" disabled />
<input type="text" name="g2" disabled />
<input type="text" name="g3" disabled />
</form>
</body></html>
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad. |