小编Ric*_*ley的帖子

我正在开发一个电子应用程序，对于代码的这个特定部分，我有必要恢复当前元素的索引（点击）。

HTML：

<div>
    <input type="checkbox" class="optionBox"> Minimize to tray after 10 seconds
    <input type="checkbox" class="optionBox"> Always check day transition
</div>

JavaScript：

modifierCheckboxes = document.querySelectorAll('.optionBox');

for (var i = 0; i < modifierCheckboxes.length; i++) {
    modifierCheckboxes[i].addEventListener('click', function (e) {
        bindModifierCheckBoxes(e);
    });
}

function bindModifierCheckBoxes(e) {
    // I need the reference for modifierCheckboxes[i] here 
}

我试过这个：

function bindModifierCheckBoxes(e){
    var t=e.target;
    console.log(Array.prototype.indexOf.call(t.parentNode.childNodes,t));
}

它“接近”了，但是当我单击第一个复选框时，我的索引为 1，而在第二个复选框中，我得到了 3。

请不要使用外部库，只需简单的 JavaScript。