JSFiddle - React, Tailwind, and code Playground

HTML

<p>1. Wer hustet lauter?</p>
<ol class="antworten">
<li><label><input type="radio" name="q1" value="1A">Flöhe</label></li>
<li><label><input type="radio" name="q1" value="1B">Mäuse</label></li>
<li><label><input type="radio" name="q1" value="1C">Vulkane</label></li>
</ol>
<p>2. Warum überquerte das Huhn die Straße?</p>
<ol class="antworten">
<li><label><input type="radio" name="q2" value="2A">Weil darunter kein Platz ist</label></li>
<li><label><input type="radio" name="q2" value="2B">Weil es zu weit zum Drumherumlaufen ist</label></li>
<li><label><input type="radio" name="q2" value="2C">Weil es auf die andere Seite will</label></li>
</ol>

<button id="solve" type="button">
Lösung
</button>

CSS

.antworten {
  padding-left: 4em;
}

.antworten li {
  list-style: upper-latin;
  text-indent: -3em;
}
.antworten input[type=radio] {
  margin-right: 3em;
}

JavaScript

$("#solve").click(function() {
	$antwort = $(".antworten input[type=radio]:checked");
})