Disable button using checkbox JavaScript

Question

Hello I want to disable two buttons when the checkbox is checked but for it result I must click two times in the checkbox hope someone can help me.

Thanks.

var checker = document.getElementById('checkme');
var button = document.getElementById('button');
var button2 = document.getElementById('button2');

document.getElementById("button").disabled = true;
document.getElementById("button2").disabled = true;


checker.onchange = function() {

button.disabled !! this.checked;
button2.disabled !! this.checked;

};

what is your default state of the checkbox?

Martin Schneider
– Martin Schneider

2016-01-26 12:23:39 +00:00
Commented Jan 26, 2016 at 12:23 — Martin Schneider
– Martin Schneider, Commented Jan 26, 2016 at 12:23

Alex Char · Accepted Answer · 2016-01-26 12:24:33Z

2

Your code is wrong. You have to assign the checkbox status to button:

var checker = document.getElementById('checkme');
var button = document.getElementById('button');
var button2 = document.getElementById('button2');

document.getElementById("button").disabled = true;
document.getElementById("button2").disabled = true;


checker.onchange = function() {

  button.disabled = !this.checked;
  button2.disabled = !this.checked;

};

<input type='checkbox' id='checkme' />
<button id='button'>Button 1</button>
<button id='button2'>Button 2</button>

answered Jan 26, 2016 at 12:24

Alex Char

33.3k9 gold badges51 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Drone · Accepted Answer · 2016-01-26 12:41:06Z

1

simply use this code

<input type="checkbox" id="checkme" onChange="state_change(this.checked)">
<input type="button" id="button" value="button1">
<input type="button" id="button2" value="button2">
<script type="text/javascript">
function state_change(check){
    document.getElementById('button').disabled = check;
    document.getElementById('button2').disabled = check;
}
</script>

edited Jan 26, 2016 at 12:41

answered Jan 26, 2016 at 12:32

Drone

1,1342 gold badges13 silver badges31 bronze badges

Comments

Mandera · Accepted Answer · 2016-01-26 12:34:55Z

I suggest defining 'button' and 'button2' inside the function, otherwise it could be overwritten if you define 'button' somewhere else. Instead of manually initializing the disabled state you can simply call the onchange function directly, which will make possible modifications to the code easier, you generally want to avoid having the same code in multiple places.

var checker = document.getElementById('checkme');
checker.onchange = function() {

  var button = document.getElementById('button');
  var button2 = document.getElementById('button2');
  
  button.disabled = !this.checked;
  button2.disabled = !this.checked;

};

checker.onchange();

<input type="checkbox" id="checkme">
<button id = "button">button</button>
<button id = "button2">button2</button>

Michael · Accepted Answer · 2016-01-26 13:18:45Z

0

Ha ha ha who say thissendbtn2.disabled = !!this.checked; Hope this help you. .

Why a = !! b because !!= not not and = true, then write a=b.

answered Jan 26, 2016 at 13:18

Michael

1,0891 gold badge11 silver badges28 bronze badges

Collectives™ on Stack Overflow

Disable button using checkbox JavaScript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related