使用复选框JavaScript禁用按钮

Question

你好我想要在选中复选框时禁用两个按钮，但结果我必须在复选框中单击两次希望有人可以帮助我。

谢谢。

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;

};

Answer 1

你的代码错了。 您必须将复选框状态分配给按钮：

 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> 

Answer 2

只需使用此代码

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

Answer 3

我建议在函数内部定义'button'和'button2'，否则如果你在其他地方定义'button'就可以覆盖它。 您可以直接调用onchange函数，而不是手动初始化禁用状态，这样可以更容易地修改代码，您通常希望避免在多个位置使用相同的代码。

 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> 

Answer 4

哈哈哈谁说这个sendbtn2.disabled = !!this.checked; Hope this help you. sendbtn2.disabled = !!this.checked; Hope this help you. 。

为什么a = !! b a = !! b因为!! = not not和= true，然后写a=b 。