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

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