Anzeigen von Labels parallel zu RadioButtonList in ASP.Net

Question

Ich erstelle eine Quiz-Anwendung, bei der ich auf eine Schaltfläche klicke, muss ich die Erklärung für jede Option in RadioButtonList anzeigen. Was ist die beste Kontrolle, um die Erklärungen anzuzeigen? Ich habe versucht, eine Bulletlist an das Erklärungsfeld zu binden, aber der Zeilenabstand zwischen den Aufzählungszeichen stimmt nicht mit dem Zeilenabstand in der Radiobutton-Liste überein und es sieht umständlich aus. Ich benutze die Liste <> kann daher kein Adhoc-Feld in DataTable erstellen und dasselbe an das DataTextField von RadiobuttonList binden.

PLZ geben Sie mir eine Lösung oder Logik für diese ..

Answer 1

Gefällt mir das?

<table> 
    <tr> 
     <td> 
      <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatLayout="Flow"> 
       <asp:ListItem Text="Question 1" Value="1"></asp:ListItem> 
       <asp:ListItem Text="Question 2" Value="2"></asp:ListItem> 
       <asp:ListItem Text="Question 3" Value="3"></asp:ListItem> 
      </asp:RadioButtonList> 
     </td> 
     <td> 
      <div style="display: none; padding-left: 25px" id="ExplanationContent"> 
       <label>Explanation 1</label><br /> 
       <label>Explanation 2</label><br /> 
       <label>Explanation 3</label> 
      </div> 
     </td> 
    </tr> 
</table> 

<input id="Button1" type="button" value="button" onclick="showExplanation()" /> 

<script type="text/javascript"> 
    function showExplanation() { 
     document.getElementById('ExplanationContent').style.display = "block"; 
    } 
</script> 

Die Erklärungen sind in einem <label> Tag enthalten, um sicherzustellen, sie das gleiche Styling wie der Text der Radiobuttons haben.