如何使用复选框在不同字段之间切换？

<input type="checkbox" id="field1Checkbox" value="field1"> Field 1
<input type="checkbox" id="field2Checkbox" value="field2"> Field 2

<div id="field1" style="display: none;">
    <!-- Field 1 content -->
</div>

<div id="field2" style="display: none;">
    <!-- Field 2 content -->
</div>

document.getElementById("field1Checkbox").addEventListener("change", toggleField);
document.getElementById("field2Checkbox").addEventListener("change", toggleField);

function toggleField() {
    var field1Checkbox = document.getElementById("field1Checkbox");
    var field2Checkbox = document.getElementById("field2Checkbox");
    var field1 = document.getElementById("field1");
    var field2 = document.getElementById("field2");

    if (field1Checkbox.checked) {
        field1.style.display = "block";
    } else {
        field1.style.display = "none";
    }

    if (field2Checkbox.checked) {
        field2.style.display = "block";
    } else {
        field2.style.display = "none";
    }
}