더 많은 정보를 팝업하는 라디오 버튼

Question

나는 코스 선택이 우리 코스 설명과 연결될 수있는 방법을 알아 내려고 노력하고 있으며, 내가 어디에서 그런 식으로 시작할 수 있는지 확신 할 수 없다. 각 라디오 버튼에 더 많은 정보를 넣을 수 있습니까?

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

Answer 1

잘 모르겠는지 잘 모르겠지만 정상적인 하이퍼 링크를 추가하면 각 코스에 대한 설명으로 이어집니다. JavaScript는 클릭 한 코스에 대한 설명이 포함 된 AJAX 모달 또는 아코디언을 열기 위해 하이퍼 링크를 변환 할 수 있습니다.

"코스 선택이 여하튼 우리 코스 설명에 어떻게 든 연결될 수 있다면"은 구현을위한 적절한 기술 선택에 도움이 될 수 있음을 의미합니다. 구현 (UI 또는 기술)에 대한 알려진 요구 사항이 있습니까?