Disattivazione e attivazione di un pulsante di input html

Quindi ho un pulsante come questo:

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

Come posso disabilitarlo e abilitarlo quando voglio? Ho provato disabled="disable"ma riattivarlo è un problema. Ho provato a impostarlo di nuovo su false ma non l'ho abilitato.

Utilizzando Javascript

• Disabilitazione di un pulsante html

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

• Abilitazione di un pulsante html

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

• Demo qui

Utilizzando jQuery

Tutte le versioni di jQuery precedenti alla 1.6

• Disabilitazione di un pulsante html

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

• Abilitazione di un pulsante html

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

• Demo qui

Tutte le versioni di jQuery dopo la 1.6

• Disabilitazione di un pulsante html

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

• Abilitazione di un pulsante html

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

• Demo qui

PS Aggiornato il codice in base alle modifiche a jquery 1.6.1 . Come suggerimento, usa sempre i file jquery più recenti e il prop()metodo.

Poiché lo stai disabilitando in primo luogo, il modo per abilitarlo è impostare la sua disabledproprietà come false.

Per modificare la sua disabledproprietà in Javascript, usa questo:

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

E ovviamente per disabilitarlo di nuovo, useresti trueinvece.

Dato che hai anche etichettato la domanda con jQuery, puoi usare il .propmetodo. Qualcosa di simile a:

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

Questo è nelle versioni più recenti di jQuery. Il modo più vecchio per farlo è aggiungere o rimuovere un attributo in questo modo:

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

La semplice presenza della disabledproprietà disabilita l'elemento, quindi non è possibile impostarne il valore come "false". Anche quanto segue dovrebbe disabilitare l'elemento

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

È necessario rimuovere completamente l'attributo o impostarne la proprietà.

Puoi farlo abbastanza facilmente con JavaScript semplice, senza librerie richieste.

Abilita un pulsante

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

Disabilita un pulsante

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

Non sono necessarie librerie esterne.

l'attributo disable ha solo un parametro. se vuoi riattivarlo devi rimuovere tutto, non solo cambiare il valore.

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

Qui "btncancel" è il nome della classe del pulsante.

Senza jQuery disabilitare l'input sarà più semplice

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

Sebbene non sia direttamente correlato alla domanda, se salti su questa domanda cercando di disabilitare qualcosa di diverso dai tipici elementi di input button, input, textarea, la sintassi non funzionerà.

Per disabilitare un div o uno span, usa setAttribute

document.querySelector('#somedivorspan').setAttribute('disabled', true);

PS: Gotcha, chiamalo solo se intendi disabilitare. Un bug nella versione 83 di Chrome fa sì che questo venga sempre disabilitato anche quando il secondo parametro è falso.

Disattivazione / attivazione di un pulsante di immissione html con JavaScript:

(E reagisci con refs. Sostituisci "elementRef.current" con la selezione dell'elemento se non usi React)

 elementRef.current.setAttribute('disabled', 'disabled');

Abilitare:

 elementRef.current.removeAttribute('disabled');

Questo funzionerà sicuramente.

Per disabilitare un pulsante

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

Per abilitare un pulsante

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

Attenersi a php ...

Perché non consentire la visualizzazione del pulsante solo una volta soddisfatti i criteri di cui sopra.

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