Activer / Désactiver le bouton Envoyer si la case est cochée / décochée?

Comment faire pour activer le bouton submit de mon formulaire HTML et désactiver si la case était décochée?

Quel est le problème avec ce code?

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

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

La case à cocher

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

source d'informationauteur HelpNeeder | 2012-04-05

  1. 12

    Modifier votre code HTML:

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

    Raison qu'il ne fonctionne pas: vous n'êtes pas en passant votre fonction de quoi que ce soit. En fait, parce que vous n'avez pas utilisé l'parenthèses avec le nom de la fonction, vous n'avez pas appelé la fonction. En passant il this dans le contexte de la onclick HTML événement attribut signifie que vous avez passer une référence à l'élément de l'objet DOM, vous donnant accès à ses checked propriété.

  2. 3

    Vous devez inclure les paramètres: onClick="EnableSubmit()"

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

    D'abord si la condition vérifie si la bascule est passé à côté souhaité. La Condition peut être modifié selon les besoins.
    Dernière jquery est de faire basculer bouton gris.

     if(!$('#togglehk').is(":checked"))
                    {
                        $('#togglehk').click();
                    }
  jQuery('#togglehk').attr("disabled", true);
  jQuery('#togglehk').prop("disabled",true);

  jQuery('#togglehk').next(".slider").css("backgroundcolor","#B3B3B3");