2017-06-20 76 views
0

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

我需要一个复选框在按键后更新(即打勾)。

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

更新:这就是我一直在寻找:

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

您的意思是在检查时更改外观吗? – IiroP

+0

我的意思是能够将它设置为“远程检查”,所以当我按下某个键时,外观会发生变化。 –

+0

您需要编写一些Javascript才能做到这一点。你不知道该怎么做,对按键做出反应或改变复选框状态?你是否按照你在谷歌这些任务时发现的说明/文档/教程? – JJJ

回答

0

您可以使用ELEMENT.checked = truefalse设置其检查状态。

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; 
    } 
});