duda con checkbox nunca he aprendido bien a manejarlos! :)

bhonox · #1 (**permalink**) 09/08/2004, 15:05

creo q es algo simple para los que saben pero no he podido..
tengo 3 textbox cada uno asociado con un radio llamado opcion solo el value cambia...
como puedo hacer q al tener el foco uno de los textbox me marque chequeado el radio q esta al lado??

yo he podido colocar valores en otros textbox pero radio siempre me complican!!

helpme please!

living · #2 (**permalink**) 09/08/2004, 15:12

Espero que sea esto lo que pides

Código HTML:

<form>
<input type="text" name="texto1" onFocus="document.getElementById('radio1').checked=true">
<input type="radio" id="radio1" name="opcion"><br>
<input type="text" name="texto2" onFocus="document.getElementById('radio2').checked=true">
<input type="radio" id="radio2" name="opcion"><br>
<input type="text" name="texto3" onFocus="document.getElementById('radio3').checked=true">
<input type="radio" id="radio3" name="opcion">
</form>

bhonox · #3 (**permalink**) 09/08/2004, 15:17

exacto!! pero a medida de aprender tengo la siguiente duda...
la forma de trabajarlo lo hiciste en base al id que en general es como un name...
no se puede hacer por el value???

living · #4 (**permalink**) 09/08/2004, 15:26

Código HTML:

<html>
<head>
<script>
function checkRadio(valor){
var radios=document.getElementsByTagName("input");
	for (i=0;i<radios.length;i++){
		if(radios[i].type=="radio"){
			if (radios[i].value==valor){
				radios[i].checked=true;
			}else{
				radios[i].checked=false;
			}
		}
	}
}
</script>
</head>
<body>
<form>
<input type="text" name="texto1" onFocus="checkRadio('valor1')">
<input type="radio"  name="opcion" value="valor1"><br>
<input type="text" name="texto2" onFocus="checkRadio('valor2')">
<input type="radio"  name="opcion" value="valor2"><br>
<input type="text" name="texto3" onFocus="checkRadio('valor3')">
<input type="radio"  name="opcion" value="valor3">
</form>
</body>
</html>

KarlanKas · #5 (**permalink**) 10/08/2004, 01:10

Creo que sería más sencillo con esto:

Código HTML:

<form>
<input type="text" name="texto1" onFocus="document.forms[0].elements['opcion'][0].checked=true">
<input type="radio" id="radio1" name="opcion"><br>
<input type="text" name="texto2" onFocus="document.forms[0].elements['opcion'][1].checked=true">
<input type="radio" id="radio2" name="opcion"><br>
<input type="text" name="texto3" onFocus="document.forms[0].elements['opcion'][2].checked=true">
<input type="radio" id="radio3" name="opcion">
</form>

O más sencillo:

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script>
	function marcar(este){
	document.forms[0].elements['opcion'][este].checked=true
	}
	</script>
</head>

<body>
<form>
<input type="text" name="texto1" onFocus="marcar(0)">
<input type="radio" id="radio1" name="opcion"><br>
<input type="text" name="texto2" onFocus="marcar(1)">
<input type="radio" id="radio2" name="opcion"><br>
<input type="text" name="texto3" onFocus="marcar(2)">
<input type="radio" id="radio3" name="opcion">
</form>


</body>
</html>