No consigo desactivar campos de texto

utopiko · #1 (**permalink**) 30/05/2006, 09:52

Buenas he hecho lo siguiente un poco un FAQ de esta pagina pero no consigo que al clickear un checkbox me desactive los campos de texto y mi codigo es el siguiente:

Código:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
</head>
<script language="javascript1.5">
function Bloquear(){
    var valor;
	if(document.form1.checkbox.checked == "True"){
		valor=True;
		document.form1.fec_ini.disabled=valor;
		document.form1.fec_ini.disabled=valor;
	}else{
		valor=False;
		document.form1.fec_ini.disabled=valor;
		document.form1.fec_ini.disabled=valor;
	}
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
  <p>
    <input type="checkbox" name="checkbox" value="checkbox" onclick="Bloquear();" />
  checkbox</p>
  <blockquote>
    <p>fec_ini
      <input name="fec_ini" type="text" id="fec_ini" />
</p>
    <p>fec_fin
      <input name="fec_fin" type="text" id="fec_fin" />
    </p>
  </blockquote>
</form>
</body>
</html>

Alguien sabe a que se debe?Gracias

JavierB · #2 (**permalink**) 30/05/2006, 09:57

Hola utopiko

Recuerda que JavaScript distingue mayúsculas de minúsculas:

valor=true;
valor=false;

Si en la FAQ que has usado también está mal puesto, di cual es para que se pueda corregir.

Saludos,

utopiko · #3 (**permalink**) 30/05/2006, 10:41

Ya esta correcto lo de las minusculas y queda de la siguiente manera:

Código:

<html>
<head>

<title>Documento sin t&iacute;tulo</title>
</head>

<script language="javascript1.5">
function Bloquear(){
    var valor;
	if(document.form1.checkbox.checked == "true"){
		valor=true;
		document.form1.fec_ini.disabled=valor;
		document.form1.fec_fin.disabled=valor;
	}else{
		valor=false;
		document.form1.fec_ini.disabled=valor;
		document.form1.fec_fin.disabled=valor;
	}
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
  <p>
    <input type="checkbox" name="checkbox" value="checkbox" onclick="Bloquear();" />
  checkbox</p>
  <blockquote>
    <p>fec_ini
      <input name="fec_ini" type="text" id="fec_ini" />
</p>
    <p>fec_fin
      <input name="fec_fin" type="text" id="fec_fin" />
    </p>
  </blockquote>
</form>
</body>
</html>

Alguien sabe lo que me puede pasar?

braulito · #4 (**permalink**) 30/05/2006, 10:49

Y también recuerda que true y false son valores booleanos y no cadenas, al momento de compararlo estás haciendo

Código:

if(document.form1.checkbox.checked == "True")

y debería ser sin comillas

Código:

if(document.form1.checkbox.checked == true)

o simplemente

Código:

if(document.form1.checkbox.checked)

utopiko · #5 (**permalink**) 30/05/2006, 12:07

Muchas gracias el fallo era las comillas del true!!!!!fallo de programador novato en Javascript(y en la programacion...)Sorry...

caricatos · #6 (**permalink**) 30/05/2006, 12:15

Hola:

Parece que llego tarde, pero voy a plantear una simplificación:

function Bloquear(){
var valor = document.form1.checkbox.checked;
document.form1.fec_ini.disabled=valor;
document.form1.fec_fin.disabled=valor;
}

También podría pasarse pasarse el valor booleano como parámetro:

onclick="Bloquear(this.checked)" y no sería necesaria la primera línea.

Saludos

braulito · #7 (**permalink**) 30/05/2006, 12:17

Mas vale tarde que nunca :)