how to disable a button code example

Example 1: javascript disable button

//disable the button
document.getElementById(BUTTON_ID).disabled = true;
//reable the button
document.getElementById(BUTTON_ID).removeAttribute('disabled');

Example 2: javascript how to disable a button

//Using Javascript
//Disabling a html button

document.getElementById("Button").disabled = true;
//Enabling a html button

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


//Using jQuery
//Disabling a html button

$('#Button').attr('disabled','disabled');
//Enabling a html button

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

Example 3: html button disabled

<button type="button" disabled>This button is disabled</button>

Example 4: button disabled

.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

Tags:

Html Example