单选按钮选择时显示/隐藏div

<input type="radio" name="options" value="option1" onclick="showDiv()"> Option 1
<input type="radio" name="options" value="option2" onclick="showDiv()"> Option 2

<div id="div1" style="display:none;">
    This is div 1
</div>

<div id="div2" style="display:none;">
    This is div 2
</div>

function showDiv() {
    var option1 = document.querySelector('input[value="option1"]');
    var option2 = document.querySelector('input[value="option2"]');
    var div1 = document.getElementById('div1');
    var div2 = document.getElementById('div2');

    if (option1.checked) {
        div1.style.display = "block";
        div2.style.display = "none";
    } else if (option2.checked) {
        div1.style.display = "none";
        div2.style.display = "block";
    }
}