单选按钮可弹出更多信息

Radio buttons to popup more information

本文关键字：信息 单选按钮      更新时间：2023-09-26

我正在试图找到一种方法，将课程选择链接到我们的课程描述，我不确定从哪里开始做这样的事情。我如何才能有某种弹出窗口，在每个单选按钮上包含更多信息？

<table width="100%" cellpadding="0" cellspacing="8" border="1">
<tbody>
    <tr>
        <td width="20%" valign="top">
            <label for="Lit">Literature:</label>
            <br>
            <input name="Lit" type="radio" value="Eng150" required>English 150
            <br>
            <input name="Lit" type="radio" value="Lit150" required>Literature 150
            <br>
            <br>
            <label for="Phl">Philopsphy:</label>
            <br>
            <input name="Phl" type="radio" value="Phl151" required>Philosophy 151
            <br>
            <input name="Phl" type="radio" value="Phl152" required>Philosophy 152
            <br>
            <br>
            <label for "rel"="">Religion:</label>
            <br>
            <input name="Rel" type="radio" value="Rel150" required>Religion 150
            <br>
            <input name="Rel" type="radio" value="Rel151" required>Religion 151
            <br>
        </td>
        <td width="23%" valign="top">
            <label for "hist"="">History:</label>
            <br>
            <input name="Hist" type="radio" value="Hist151" required>History 152
            <br>
            <input name="Hist" type="radio" value="Hist155">History 155
            <br>
            <br>
            <label for "artlang"="">Fine Arts or Language:</label>
            <br>
            <input name="ArtLang" type="radio" value="Art150" required>Art 150
            <br>
            <input name="ArtLang" type="radio" value="Mus150" required>Music 150
            <br>
            <input name="ArtLang" type="radio" id="langSelect" value="Lang" required>Foreign Language (use selection below)
            <br>
        </td>
        <td width="34%" valign="top">
            <label for="NatSci">Natural Science:</label>
            <br>
            <input name="NatSci" type="radio" value="Bio157" required>Biology 157
            <br>
            <input name="NatSci" type="radio" value="Bio158" required>Biology 158
            <br>
            <br>
            <label for "socsci1"="">Social Sciences (choose one from each pair):</label>
            <br>
            <input name="SocSci" type="radio" value="Econ150" required>Econimics 150
            <br>
            <input name="SocSci" type="radio" value="Pol151" required>Political Science 151
            <br>
            <hr width="75%" align="left">
            <input name="SocSci2" type="radio" value="Psy155" required>Psychology 155
            <br>
            <input name="SocSci2" type="radio" value="Soc150" required>Sociology 150
            <br>
        </td>
        <td width="23%" valign="top"></td>
    </tr>
</tbody>
</table>

我不确定我是否正确理解了这个问题，但我只会添加普通的超链接，以引导对每门课程的描述。JavaScript可以将超链接转换为打开的AJAX模式或手风琴，其中包含所点击课程的描述。

如果您能详细说明"课程选择可能以某种方式与我们的课程描述联系起来"的确切含义，我们可以帮助选择适当的实施技术。是否有任何已知的实现要求（通过UI或技术）？

相关文章：