javascript - 如果复选框被点击，自动滑动

Question

我正在制作照片库，我想添加自动幻灯片功能，但我似乎无法弄清楚。

到目前为止，这是我的代码:https://codepen.io/reardgjoni/pen/VBBKZq (从Js文件第105行开始)

        <div class="arrows">
        <div id="arrow-left" class="arrow">
            <i class="fas fa-angle-left"></i>
         </div>

         <div class="checkbox">
            <input type="checkbox"></input>
         </div>

        <div id="arrow-right" class="arrow">
            <i class="fas fa-angle-right"></i>
        </div>
        </div>

Answer 1

您的问题出在这行代码中:

var checkBox = document.querySelector('.checkbox');

通过这种方式，您可以选择 div 而不是复选框输入字段。将该行更改为:

var checkBox = document.querySelector('[type=checkbox]');

您更新的 codepen