javascript - 选中单选按钮时启用表单按钮

Question

我正在使用这一行来(尝试)通过删除类来启用禁用的提交按钮。没有显示结果或错误。这是要走的路还是我需要为此编写一个单独的脚本？

<label><input type="checkbox" value="ja" echo onclick=\"document.getElementById(\'submit_delete\').removeClass(\'disabled\')\">Ja ik wil deze toolbox verwijderen</label>';

<button type="button" id="submit_delete" class="btn btn-primary disabled">Opslaan</button>

Answer 1

您不应混合表示 (HTML) 和逻辑 (JavaScript)。您应该创建一个外部脚本并在其中绑定(bind)事件:

document.querySelector('input[type="checkbox"]').addEventListener('click', () =>
  document.querySelector('#submit_delete').classList.remove('disabled')
)

button.disabled::after {
  content: " (disabled)";
}
button::after {
  content: " (not disabled)";
}

<label><input type="checkbox" value="ja">Ja ik wil deze toolbox verwijderen</label>';

<button type="button" id="submit_delete" class="btn btn-primary disabled">Opslaan</button>