JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="fieldcontain">
      <fieldset data-role="controlgroup" data-type="horizontal">
        <legend>Camera Type</legend>
        <input type="radio" name="radCam" id="radCam1" class="radCam" checked="checked"/>
        <label for="radCam1">DSLR</label>
        <input type="radio" name="radCam" id="radCam2" class="radCam"/>
        <label for="radCam2">Point and Shoot</label>
        <input type="radio" name="radCam" id="radCam3" class="radCam"/>
        <label for="radCam3">No Camera</label>
      </fieldset>
    </div>

    <div data-role="fieldcontain">
      <fieldset data-role="controlgroup" id=cbInterest>
        <legend>Interested in:</legend>
        <input type="checkbox" name="checkbox2" id="checkbox2_0" class="lsCheck"/>
        <label for="checkbox2_0">Landscape</label>
        <input type="checkbox" name="checkbox2" id="checkbox2_1" class="lsCheck"/>
        <label for="checkbox2_1">Fashion</label>
        <input type="checkbox" name="checkbox2" id="checkbox2_2" class="lsCheck"/>
        <label for="checkbox2_2">Food</label>
        <input type="checkbox" name="checkbox2" id="checkbox2_3" class="lsCheck"/>
        <label for="checkbox2_3">Portraiture</label>
        <input type="checkbox" name="checkbox2" id="checkbox2_4" class="lsCheck"/>
        <label for="checkbox2_4">Sport</label>
        <input type="checkbox" name="checkbox2" id="cbOther" class="lsCheck"/>
        <label for="cbOther">Other</label>
      </fieldset>
    </div>
    <button id="resetBtn" data-inline="true">Start Again</button>

JavaScript

$("#resetBtn").click(function(){
    $(".clearBox").val("");
    $("#radCam1").prop("checked", true);
    $('.lsCheck').prop("checked",false);
  });