Javascript 物化ECSS';s复选框输入不使用jQuery

Javascript 物化ECSS';s复选框输入不使用jQuery,javascript,jquery,css,checkbox,materialize,Javascript,Jquery,Css,Checkbox,Materialize,我正在构建Simon游戏,我正在使用Materialize.css库中的两组复选框输入 如官方所示,下面是复选框的代码片段- <p> <input type="checkbox" id="test5" /> <label for="test5">Red</label> </p> 开始 您的代码在编写时正在运行-在$(文档).ready(DOM加载)上,正在查看复选框以查看是否选中它。因为代码只运行一次,所以当复选框更改时

我正在构建Simon游戏,我正在使用Materialize.css库中的两组
复选框
输入

如官方所示,下面是
复选框的代码片段-

<p>
  <input type="checkbox" id="test5" />
  <label for="test5">Red</label>
</p> 


开始

您的代码在编写时正在运行-在
$(文档).ready
(DOM加载)上,正在查看复选框以查看是否选中它。因为代码只运行一次,所以当复选框更改时,它不会执行任何操作

要获得所需的行为,需要对输入使用
onchange
事件。这里是jQuery风格:

/**
*由manishgiri于2016年12月26日创作。
*/
$(文档).ready(函数(){
$('#start')。在('change',function()上{
如果($(this).is(':checked')){
console.log('启动已选中');
}
});
});


开始