更改HTML复选框

Question

如何使用JavaScript动态更改html复选框？

我需要在按键后更新（即勾选）复选框。

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

更新：这就是我想要的：

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

Answer 1

您可以使用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;
    }
});