Deshabilitar un botón con CSS o JavaScript

Si embargo, en muchas ocasiones lo que necesitamos es poder desactivarlo dinámicamente en función de otros elementos o queremos hacerlo en CMS como WordPress sin tocar el código del plugin o elemento que crea el botón.

Para ello, podemos utilizar JavaScript o jQuery e incluso jugar con CSS para desactivarlo y modificar el aspecto que queramos cuando lo está.

Desactivar un botón con JavaScript o jQuery

Para anular la funcionalidad de un botón con JS sólo necesitamos acceder al elemento (mediante ID o en su defecto, por su clase) y modificar el atributo disabled.

JavaScript

<script> 
   const btncompra = document.getElementById('place_order');
   btncompra.disabled = true; 
</script>