Problemas con el atributo disabled

[Dude--]

En teoría al hacer click en el checkbox si el boton "Ok" está disabled="disabled" debería eliminar el atributo para que el botón estuviera activo y así sucede, solo que según el debug que trago de hacer con FireBug aparentemente no elimina el atributo del código, solamente cambia el estado, ni siquiera cambia el contenido del atributo. Por lo que nunca entra en la segunda condicion del if que es la que deshabilita nuevamente el botón cuando desmarcas la casilla del checkbox.

Por cierto ¿cómo puedo hacer que la declaración que se hace dentro del formulario de la variable de javascript boton_aceptar sea vista desde dentro de la funcion checkevent()? lo digo porque veo poco eficiente que haya que redeclarar el objeto otra vez dentro de la misma...

Código javascript:

function checkevent(e)
{
    var objeto=e.srcElement || e.target;
    var evento = e.type;
    if (objeto.name == "checkbox_aceptar" || evento == "change")
    {
        
        var boton_aceptar = document.getElementById("boton_aceptar")
        if ( boton_aceptar.disabled = "disabled") {boton_aceptar.removeAttribute("disabled") ;}
        else {boton_aceptar.setAttribute("disabled", "disabled");}
    }
}
 

Código html:

<form name"registro" action="?accion=reg_usuario" method="post" enctype="application/x-www-form-urlencoded">
<input type="text" id="reg_email" name="reg_email" title="Email de usuario" value="" /></label><br />
<input  id="reg_pass" name="reg_pass" type="password" title="Contraseña" value="" /></label><br />
<input id="reg_pass2" name="reg_pass2" type="password"  title="Contraseña de confirmación" value="" /></label><br />
<label><input id="checkbox_aceptar" name="checkbox_aceptar" type="checkbox" title="Acepto los términos de servicio de CON" />Entiendo y acepto la política de privacidad </label><br />
<input id="boton_aceptar" type="submit" value="Ok" />
 
<script>
<!--
//Esto inicializa el estado del botón por si no hay javascript activo
var boton_aceptar = document.getElementById("boton_aceptar");
boton_aceptar.setAttribute("disabled", "disabled");
-->
</script>
 
</form>
 

Código javascript:

<script>
<!--
var checkbox_aceptar = document.getElementById("checkbox_aceptar");
if (checkbox_aceptar.addEventListener) //W3C DOM
{
    checkbox_aceptar.addEventListener('change', function(event) { checkevent(event) }, false);
} 
else //IE DOM
{
    checkbox_aceptar.attachEvent('onchange', function(event) { checkevent(event) });
}
    
-->
</script>
 

[David]

En lugar de setAttribute, para habilitar usa:

Código javascript:

elem.disabled = false;
 

Y para deshabilitar:

Código javascript:

elem.disabled = true;
 

Donde elem es la referencia al elemento a deshabilitar/habilitar.

[Dude--]

joder vaya error tonto, el problema era que en el if utilicé "=" en vez de "==" para comparar :(. Por cierto ¿alguna respuesta para la duda que plantee sobre la variable creada para definir un objeto fuera de la funcion?

[David]

Puedes hacer que la referencia cuelgue del objeto window:

Código javascript:

window.boton = document.getElementById("boton_aceptar");
 

Con eso, ya podrás utilizar "boton" desde cualquier parte.

[Dude--]

Por cierto en teoría ¿no sería más adecuado con los estándares usar setAttribute("disabled", "disabled"), así como removeAttribute("disabled") para respetar que el atributo solo tiene contenido cuando es positivo y en caso de ser negativo simplemente ha de omitirse?

http://reference.sitepoint.com/html/input/disabled

[caricatos]

Hola:

El uso de setAttribute y getAttribute no es necesario en los atributos "normales", y basta con la sintaxis del punto, y usarlo no garantiza que te funcione en todos los navegadores (el viejo debate)... Puedes probar cambiar el etributo type o incluso crear un atributo name...

Lo que aconsejo es usar siemnpre algo que funcione bien en todos los navegadores...

Además eliminar un atributo, y asignarle un valor false, o null o tal vez undefined es lo mismo... ¿Qué sale de una instrucción: alert(document.body.cualquier_cosa)

Saludos

[Dude--]

¿Y cuales son los atributos "anormales" a parte de type y class?

PD: A mi me funciona en todos los navegadores con setAttribute y removeAttribute... en lo referente al atributo disabled al menos.

[caricatos]

Iniciado por Dude--

¿Y cuales son los atributos "anormales" a parte de type y class?

PD: A mi me funciona en todos los navegadores con setAttribute y removeAttribute... en lo referente al atributo disabled al menos.

Hola:

Pongas o no pongas el disabled, ese atributo no se puede quitar, fíjate en este ejemplo:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>

</head>
<body>
<form >
<input type="text" name="pepe" />
<button type="button" onclick="this.form.pepe.removeAttribute('disabled');alert(pepe.disabled + ',' + pepe.cualquier_cosa)">ver</button>
</form>
</body>
</html>

Como verás se obtiene pepe.disabled, y pepe.cualquier_cosa... ese "cualquier_cosa" se supone que es un atributo, que bien podríamos haberlo creado antes con setAttribute('cualquier_cosa', 'hola')... claro que para obtener el valor de ese nuevo atributo se debe usar getAttribute()...

Para liar un poco más la cosa, existe la sintaxis de los corchetes:

this.form.pepe['cualquier_cosa'] = 'hola'; //

Saludos