让复选框被延迟选中

Question

我有一个简单的问题：如何让复选框自动选中（如代码片段中所示），但延迟 100 毫秒，以便在 100 毫秒后加载页面时，复选框会检查（并将保持检查状态）？我认为你需要使用 JavaScript，但我不知道如何使用它。

<input checked type="checkbox"/>

对于实现此目的的简洁好方法有什么想法吗？

Answer 1

使用setTimeout计数到100ms。然后用 id 选中复选框，然后使用 .checked = true.

setTimeout(function(){
document.getElementById('chech').checked = true;
},1000) // used 1 second to show the effect

<input id="chech" type="checkbox"/>

或

setTimeout(function(){
document.getElementById('chech').click(); 
},1000)

<input id="chech" type="checkbox"/>

Answer 2

<input id='myInput' type="checkbox"/>
<script>
window.onload = () => { 
  setTimeout(() => {
    document.getElementById("myInput").setAttribute("checked", true);
  }, 100);
}
</script>

让复选框被延迟选中

Let checkbox be checked with delay

javascript

checkbox

delay