¿Activar/desactivar el botón de enviar si la casilla de verificación está marcada/desmarcada?

Question

¿Cómo habilitar el botón de enviar en mi formulario HTML y deshabilitar si la casilla de verificación no se marcó?

¿Qué hay de malo en este código?

EnableSubmit = function(val) 
{ 
    var sbmt = document.getElementById("Accept"); 

    if (val.checked == true) 
    { 
     sbmt.disabled = false; 
    } 
    else 
    { 
     sbmt.disabled = true; 
    } 
}      

La casilla de verificación

<td width="30%">Do you accept Terms of Service agreement?</td> 
<td width="10px" style="min-width: 10px"></td> 
<td width="70%"> 
    <input type="checkbox" name="TOS" value="Accept" onClick="EnableSubmit"> I agree to Terms of Service agreement. 
</td> 

Answer 1

Cambiar el código HTML para esto:

<td width="30%">Do you accept Terms of Service agreement?</td> 
<td width="10px" style="min-width: 10px"></td> 
<td width="70%"> 
    <input type="checkbox" name="TOS" value="Accept" onClick="EnableSubmit(this)"> I agree to Terms of Service agreement. 
</td> 

razón no funciona: usted no está pasando su función nada. En realidad, debido a que no ha usado paréntesis con el nombre de la función, no ha llamado a la función en absoluto. Pasarlo this en el contexto del atributo de evento HTML onclick significa que está pasando una referencia al objeto DOM del elemento, que le da acceso a su propiedad checked.

Answer 2

es necesario incluir los parámetros: onClick="EnableSubmit()"

<input type="checkbox" name="TOS" value="Accept" onClick="EnableSubmit()"> I agree to Terms of Service agreement.