如何在单选按钮上使用 JavaScript 逻辑？

如何解决如何在单选按钮上使用 JavaScript 逻辑？

我在使用 JavaScript 时遇到单选按钮逻辑问题。

我有 3 个课程，每个课程有 3 个研讨会。我正在尝试使用 JavaScript，因此如果我选择第 1 节中的第二个研讨会，则无法在第 2 节中选择任何内容。

此外，我正在努力使如果我在第 2 节中选择第三个研讨会，我也必须在第 3 个节中选择第二个研讨会。

最后，我正在努力使无法选择第 3 节中的第二个研讨会，除非已经选择了第 2 节中的第二个研讨会。

这是我的 HTML：

<fieldset class="workshop">
                        <legend>Workshop information</legend>
                    <p>Session 1 Workshop: (12:00 p.m. - 3:00 p.m.)
                        <label>
                            <input type="radio" name="workshop1" id="gttp" value="guitar Technician Training Program"
                                   onchange="logic()"  required="required"/></label> guitar Technician Training Program
                        <label>
                            <input type="radio" name="workshop1" id="smg" value="Setup & Maintenance for guitar"
                                   onchange="logic()"/></label> Setup & Maintenance for guitar
                        <label>
                            <input type="radio" name="workshop1" id="agm" value="Acoustic guitar Making"
                                   onchange="logic()"   /></label> Acoustic guitar Making
                    </p>
                        <p>Session 2 Workshop: (3:30 p.m. - 6:00 p.m.)
                            <label>
                                <input type="radio" name="workshop2" id="egm" value="Electric guitar Making"
                                       required="required"/></label> Electing guitar Making
                            <label>
                                <input type="radio" name="workshop2" id="gd" value="guitar Design"
                                       /></label> guitar Design
                            <label>
                                <input type="radio" name="workshop2" id="f" value="Fretting"
                                       onchange="logic()"  /></label> Fretting
                        </p>
                        <p>Session 3 Workshop: (7:00 p.m. - 8:30 p.m.)
                            <label>
                                <input type="radio" name="workshop3" value="Bone Nut Making"
                                       required="required"/></label> Bone Nut Making
                            <label>
                                <input type="radio" name="workshop3" id="grr" value="guitar Repair and Restoration"
                                       onchange="logic()" disabled/></label> guitar Repair and Restoration
                            <label>
                                <input type="radio" name="workshop3" value="guitar Electronics Repair and Upgrades"
                                       /></label> guitar Electronics Repair and Upgrades
                        </p>
                        </fieldset>

这是我的 JavaScript：

function logic() {
    if (document.getElementById('smg').checked) {
        document.getElementById('egm').disabled = true;
        document.getElementById('gd').disabled = true;
        document.getElementById('f').disabled = true;
    }

    if (document.getElementById('gttp' || 'agm').checked) {
        document.getElementById('egm').disabled = false;
        document.getElementById('gd').disabled = false;
        document.getElementById('f').disabled = false;
        document.getElementById('egm').checked = false;
        document.getElementById('gd').checked = false;
        document.getElementById('f').checked = false;
    }

    if (document.getElementById('f').checked) {
        document.getElementById('grr').disabled = false;
        document.getElementById('grr').checked = true;
    }

}