更改HTML複選框

如何使用JavaScript動態更改html複選框？更改HTML複選框

我需要一個複選框在按鍵後更新（即打勾）。

<label class="switch"> 
<input type="checkbox" id = "record"> 
<div class="slider round"> 
</div>

更新：這就是我一直在尋找：

document.getElementById('record').checked = true;

來源

2017-06-20 Adam Parkinson

您的意思是在檢查時更改外觀嗎？ – IiroP

我的意思是能夠將它設置爲「遠程檢查」，所以當我按下某個鍵時，外觀會發生變化。 –

您需要編寫一些Javascript才能做到這一點。你不知道該怎麼做，對按鍵做出反應或改變複選框狀態？你是否按照你在谷歌這些任務時發現的說明/文檔/教程？ – JJJ

您可以使用ELEMENT.checked = true或false設置其檢查狀態。

document.addEventListener('keydown', function(e){ 
    // assuming desired key is "enter". You can change it to whatever key you prefer. 
    if (e.which == 13){ 
     document.getElementById('record').checked = true; 
    } 
});

來源

2017-06-20 15:49:45

更改HTML複選框

回答

相關問題