JSFiddle - React, Tailwind, and code Playground

by DenimTornado

HTML

<form>
    <div id="log">ntvn</div>
  <div>
    <input type="radio" name="fruit" value="777" id="orange" checked="checked">
    <label for="orange">orange ,kf</label>
  </div>
  <div>
    <input type="radio" name="fruit" value="apple" id="apple">
    <label for="apple">apple</label>
  </div>
  <div>
    <input type="radio" name="fruit" value="banana" id="banana">
    <label for="banana">banana</label>
  </div>
  
</form>

CSS

input, label { line-height: 1.5em; }

JavaScript

$("input").click(function() {
    $("#log").html( $(":checked").val() + " is checked!" );
});