单选按钮可弹出更多信息

时间:2013-07-29 15:26:20

标签: javascript jquery html

我正在试图找出一种方法,可以将课程选择链接到我们的课程描述,我不确定在哪里可以开始做类似的事情我怎么能有某种弹出窗口,我可以加入更多每个单选按钮的信息?

<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>

1 个答案:

答案 0 :(得分:0)

我不确定我是否正确理解了这个问题,但我只想添加导致每门课程描述的正常超链接。 JavaScript可以将超链接转换为打开的AJAX模态或包含被点击的课程描述的手风琴。

如果您可以详细说明“课程选择可以某种方式以某种方式与我们的课程描述相关联”意味着什么,我们可以帮助选择适当的技术来实施。是否有任何已知的实施要求(通过UI或技术)?