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

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

Answer 2

就那样做

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

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

innerHTML属性将在您的mycheckbox内部创建另一个input元素

Answer 3

您无法将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>

使用JavaScript选中的更改复选框

3 个答案: