JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<html>
  <body>
    <div id="container">
      <p>Select your favorite programming language:</p>
      <div>
        <label><input type="radio" name="language" value="java" checked>Java</label>
        <label><input type="radio" name="language" value="cpp">C++</label>
      </div>
      <button id="submit">Submit</button>
    </div>
  </body>
</html>

CSS

p,
label {
  font: 15px 'Exo 2', sans-serif;
}

input {
  margin: 6px;
}

button {
  margin-top: 10px;
  padding: 2 2;
  font: 15px 'Exo 2', sans-serif;
}

JavaScript

$(document).ready(function() {
  $('#submit').click(function() {
    $('input[type="radio"]').not(':checked').prop("checked", true);
  });
});