Disabilitare un bottone css e jquery

Buongiorno, io ho bisogno di disabilitare prima un bottone html per poi riattivarlo in seguito all'effettuazione di una determinata cosa. Ho bisogno di disabilitarlo ed abilitarlo con css o jquery, qualcuno ha consigli da darmi?

Ciao Mattia,

colgo l'occasione per risponderti e magari darti anche qualche dritta su come usare al meglio questo forum, e Internet, in generale. Prima di avviare qualsiasi tipo di messaggio, accertati di aver effettuato le dovute ricerche del caso.

Ad esempio, se provi a cercare How to disable and enable a button with jQuery vedrai che troverai tantissimi risultati! Con jQuery puoi "attivare" o "disattivare" gli elementi HTML tramite il metodo "prop".

Ecco un esempio:

HTML

<button id="aButton">Cliccami</button>

JavaScript

$('#aButton').prop('disabled', true)

E qui trovi la demo funzionante, che puoi usare per fare tutte le tue prove: https://jsfiddle.net/5d3wthLz/

Buono studio!

salve, ho provato ad usare l'istruzione che mi ha allegato ma non funziona, ma per essere disabilitato deve proprio comparire oscurato? quindi da non poterci porre il cursore sopra o viene considerato disabilitato anche quando compare normalmente,ma non fa niente?
Grazie

Ciao Mattia,

puoi spiegarmi cosa intendi per "non funziona"? Cosa ti aspetti che accada quando il pulsante viene "disabilitato"? Vuoi rimuoverlo dalla interfaccia grafica? O vuoi semplicemente impedirne la pressione?

Ti consiglio di andare a dare un occhio alla documentazione di jQuery, sono certo che troverai cio' di cui hai bisogno.

Buongiorno, in pratica io mi aspetto che quando sia disabilitato non sia cliccabile, come appare nell'esempio che mi ha allegato lei. Ma sulla base dell'istruzione che mi ha allegato, ponendo "true" piuttosto che "false" come valore della proprietà "disabled" non vedo cambiamenti nell'interfaccia. L'istruzione è quella che ho riportato prima ed il bottone appare come nella foto che le ho allegato allo stesso identico modo,seppur cambio il valore della proprietà disabled.

Se vuoi ottenere un effetto grafico piu' deciso puoi usare hide e show:

$('#Dem1Set-ButtonSender').hide();

$('#Dem1Set-ButtonSender').show();

Cosi' da nascondere o visualizzare il pulsante.

ho dovuto passare la funzione come handler

Ho risolto nel modo riportato sopra