JSFiddle - React, Tailwind, and code Playground

by Suryar Praveen

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<form id="register_france" name="register_france" method="post" class="reg_personal_details" novalidate="novalidate">
				<div class="col-xs-12 personal_official_tab">
					<div class="col-md-3 col-md-offset-3 col-sm-4 col-sm-offset-2 col-xs-12">
						<label class="radiobox_container"><input type="radio" id="personal" name="user_details_tab" value="personal"> Personal
						
						</label>
					</div>
					<div class="col-md-3 col-sm-4 col-xs-12">
						<label class="radiobox_container"><input type="radio" id="official" name="user_details_tab" value="official" checked=""> Official
						
						</label>
					</div>
				</div>

</form>

JavaScript

$("#personal").click(function() {
      if ($(this).is(":checked")) {
			alert('Personal');
        /* var validator = $("#register_france").validate(); 
        validator.resetForm(); */
      }
			}
			);