RangeError (索引)：无效值:有效值范围为空:使用Checkbox和for循环时返回0

let items = []; // 假设这是你的数组

if (items.length > 0) {
    for (let i = 0; i < items.length; i++) {
        // 处理每个元素
        console.log(items[i]);
    }
} else {
    console.log("数组为空，无法遍历");
}

let items = []; // 假设这是你的数组

items.forEach((item) => {
    // 处理每个元素
    console.log(item);
});

let items = []; // 假设这是你的数组

items.forEach((item) => {
    console.log(item?.property); // 如果 item 为 undefined 或 null，不会抛出错误
});

<form id="myForm">
    <input type="checkbox" name="options" value="option1"> Option 1<br>
    <input type="checkbox" name="options" value="option2"> Option 2<br>
    <input type="checkbox" name="options" value="option3"> Option 3<br>
    <button type="submit">Submit</button>
</form>

document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault();
    let checkboxes = document.querySelectorAll('input[name="options"]:checked');
    let selectedOptions = Array.from(checkboxes).map(checkbox => checkbox.value);

    if (selectedOptions.length > 0) {
        for (let i = 0; i < selectedOptions.length; i++) {
            console.log(selectedOptions[i]);
        }
    } else {
        console.log("没有选中任何选项");
    }
});