javascript启用禁用按钮[重复]

Question

当事件 A 发生时，我禁用一个按钮：

if (document.getElementById('detail_n').checked) {
  chkxp.disabled = true; }

但如果事件 B 发生，我想重新启用按钮：

if (document.getElementById('detail_y').checked) {
  chkxp.disabled = false; } 

这并没有重新启用按钮。我试过了：

chkxp.removeAttribute('disabled');

那也没用。

我查看了提供解决方案的其他页面，它们正是我已经拥有的，但对我不起作用。这就是我再次询问的原因。

唯一有效的方法是重新提交页面。这对用户来说将是一个巨大的痛苦，因为有很多东西要填写到该表单中。

我在火狐。谁能给我一个可行的Javascript解决方案？

Answer 1

将 disabled 设置为 true 然后删除 disabled 属性以重新启用按钮似乎可以正常工作。结帐 MDN nd sn-p 下面：https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Attribute/disabled

var btn = document.getElementById('btn');
var btn2 = document.getElementById('btn2');

btn2.addEventListener('click', function (e) {
  if (btn.disabled === true) {
    btn.removeAttribute('disabled');
    console.log('Target is enabled');
  }
  else {
    console.log('Target is disabled');
    btn.disabled = true;
  }
})

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <button id="btn">Target</button>
  <button id="btn2">Click here !</button>
</body>
</html>

更新

单选按钮的片段。 如果我的 sn-p 在您的浏览器上不起作用，请检查您的浏览器设置。

var btn = document.getElementById('btn');
var btn2 = document.getElementById('btn2');
var btn3 = document.getElementById('btn3');

btn2.addEventListener('change',function () {
  if (btn2.checked === true) {
    btn.disabled = true;
  }
});

btn3.addEventListener('change',function () {
  if (btn3.checked === true) {
    btn.removeAttribute("disabled");
  }
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <input type="radio" id="btn"><label for="btn">Target</label>
  <input type="radio" name="x" id="btn2"><label for="btn2">Disable target</label>
  <input type="radio" name="x" id="btn3"><label for="btn3">Enable target</label>
</body>
</html>