Abilita/Disabilita pulsante Invia se la casella è selezionata/deselezionata?

Question

Come abilitare il pulsante di invio nel mio modulo HTML e disabilitare se la casella di controllo era deselezionata?

Cosa c'è di sbagliato con questo codice?

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

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

La casella di controllo

<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

Cambiare il codice HTML a questo:

<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> 

ragione che non funziona: non sta passando la vostra funzione nulla. In realtà, poiché non hai usato le parentesi con il nome della funzione, non hai affatto chiamato la funzione. Passandolo a this nel contesto dell''attributo evento HTML onclick significa che stai passando un riferimento all'oggetto DOM dell'elemento, dandoti l'accesso alla sua proprietà checked.

Answer 2

è necessario includere i parametri: onClick="EnableSubmit()"

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