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

<input type="radio" id="option1" name="options" onclick="showDiv('div1')"> Option 1
<input type="radio" id="option2" name="options" onclick="showDiv('div2')"> Option 2

<div id="div1" style="display: none;">
    Content for Option 1
</div>

<div id="div2" style="display: none;">
    Content for Option 2
</div>

function showDiv(divId) {
    var div = document.getElementById(divId);
    var options = document.getElementsByName("options");

    for (var i = 0; i < options.length; i++) {
        var option = options[i];
        var divToShow = document.getElementById(option.getAttribute("onclick").split("'")[1]);

        if (option.checked) {
            divToShow.style.display = "block";
        } else {
            divToShow.style.display = "none";
        }
    }
}

div {
    padding: 10px;
    margin: 10px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
}