Désactiver et activer un bouton d'entrée html

J'ai donc un bouton comme celui-ci:

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

Comment puis-je le désactiver et l'activer quand je le souhaite? J'ai essayé disabled="disable"mais le réactiver est un problème. J'ai essayé de le remettre à faux mais cela ne l'a pas permis.

Utiliser Javascript

• Désactiver un bouton html

  document.getElementById("Button").disabled = true;

• Activer un bouton html

  document.getElementById("Button").disabled = false;

• Démo ici

Utilisation de jQuery

Toutes les versions de jQuery antérieures à 1.6

• Désactiver un bouton html

  $('#Button').attr('disabled','disabled');

• Activer un bouton html

  $('#Button').removeAttr('disabled');

• Démo ici

Toutes les versions de jQuery après 1.6

• Désactiver un bouton html

  $('#Button').prop('disabled', true);

• Activer un bouton html

  $('#Button').prop('disabled', false);

• Démo ici

PS Mise à jour du code basé sur les changements de jquery 1.6.1 . Comme suggestion, utilisez toujours les derniers fichiers jquery et la prop()méthode.

Puisque vous le désactivez en premier lieu, la façon de l'activer consiste à définir sa disabledpropriété sur false.

Pour changer sa disabledpropriété en Javascript, vous utilisez ceci:

var btn = document.getElementById("Button");
btn.disabled = false;

Et évidemment, pour le désactiver à nouveau, vous utiliseriez à la trueplace.

Puisque vous avez également marqué la question avec jQuery, vous pouvez utiliser la .propméthode. Quelque chose comme:

var btn = $("#Button");
btn.prop("disabled", true);   // Or `false`

C'est dans les nouvelles versions de jQuery. La méthode la plus ancienne consiste à ajouter ou supprimer un attribut comme ceci:

var btn = $("#Button");
btn.attr("disabled", "disabled");
// or
btn.removeAttr("disabled");

La simple présence de la disabledpropriété désactive l'élément, vous ne pouvez donc pas définir sa valeur sur "false". Même les éléments suivants devraient désactiver l'élément

<input type="button" value="Submit" disabled="" />

Vous devez supprimer complètement l'attribut ou définir sa propriété.

Vous pouvez le faire assez facilement avec juste du JavaScript, aucune bibliothèque requise.

Activer un bouton

document.getElementById("Button").disabled=false;

Désactiver un bouton

 document.getElementById("Button").disabled=true;

Aucune bibliothèque externe nécessaire.

l'attribut disable n'a qu'un seul paramètre. si vous voulez le réactiver, vous devez supprimer le tout, pas seulement changer la valeur.

$(".btncancel").button({ disabled: true });

Ici, «btncancel» est le nom de classe du bouton.

Sans jQuery, la désactivation de l'entrée sera plus simple

Button.disabled=1;

function dis() {
  Button.disabled= !Button.disabled;
}

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

<button onclick="dis()">Toggle disable</button>

 <!--Button Disable Script-->
    <script type="text/javascript">
        function DisableButton() {
            document.getElementById("<%=btnSave.ClientID %>").disabled = true;
        }
        window.onbeforeunload = DisableButton;
    </script>
    <!--Button Disable Script-->

Cela fonctionnera sûrement.

Pour désactiver un bouton

$('#btn_id').button('disable');

Pour activer un bouton

$('#btn_id').button('enable');

Tenez-vous en php ...

Pourquoi ne pas laisser le bouton apparaître uniquement une fois que les critères ci-dessus sont remplis.

<?
if (whatever == something) {
    $display = '<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>';
    return $display;
}
?>