如果复选框被选中，如何获取它的下拉值？

<input type="checkbox" id="myCheckbox" value="option1"> Option 1
<input type="checkbox" id="myCheckbox" value="option2"> Option 2
<input type="checkbox" id="myCheckbox" value="option3"> Option 3

var checkbox = document.getElementById("myCheckbox");
if (checkbox.checked) {
    var value = checkbox.value;
    console.log("选中的值是：" + value);
}

var checkboxes = document.getElementsByClassName("myCheckbox");
for (var i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) {
        var value = checkboxes[i].value;
        console.log("选中的值是：" + value);
    }
}