JSFiddle - React, Tailwind, and code Playground

by mcgrailm

HTML

<div  class="Q">
    <div id="Q3"><span>1. </span>Which of the following is a string?</div>
    <div class="A"><input type="radio"  name="foo" /></div> 
    <div class="A"><input type="radio"  name="foo"/></div>
    <div class="A"><input type="radio" name="foo" checked/></div>
    <div class="A"><input type="radio"  name="foo"/></div>
    </div>
        <div  class="Q">
        <div id="Q1"><span>2. </span>Which of the following have the same meaning?</div>
        <div class="A"><input type="checkbox"  id="Q2A1Correct" /></div> 
        <div class="A"><input type="checkbox"  id="Q2A2Correct" /></div>
        <div class="A"><input type="checkbox" id="Q2A3Correct" checked/></div>
        <div class="A"><input type="checkbox"  id="Q2A4Correct" /></div>
    </div>

JavaScript

$('[id$="Correct"]:checkbox').click(function(event) {
    event.preventDefault();
});
$('[name="foo"]:radio').click(function(event) {
    event.preventDefault();
});