javascript - 更改使用 JavaScript 选中的复选框

Question

我试图用 JavaScript 更改我的 html 代码的一部分，但我无法让它工作:

function trigger(){
  document.getElementById('mycheckbox').innerHTML="<input type="checkbox" id="mycheckbox" checked>";
}

function triggerOff(){
  document.getElementById('mycheckbox').innerHTML="<input type="checkbox" id="mycheckbox">";
}

<input type="checkbox" id="mycheckbox"> 

<button type="button" onclick="trigger()">test</button>
<button  type="button" onclick="triggerOff()">test</button>

因此，如果我按下该按钮，我想将选中状态添加到我的 HTML 中，如果我按下另一个按钮，我想删除选中状态。 这可能吗？

非常感谢所有帮助!非常感谢大家!

Answer 1

您无法将innerHTML设置为输入类型checkbox。使用 checked 属性来选中/取消选中复选框

function trigger(){
  document.getElementById('mycheckbox').checked = true;
}

function triggerOff(){
  document.getElementById('mycheckbox').checked = false;
}

<input type="checkbox" id="mycheckbox"> 

<button type="button" onclick="trigger()">test</button>
<button  type="button" onclick="triggerOff()">test</button>