jQuery addClass example

Change class name on click in jQuery

by WOUNDEDStevenJones

HTML

<div role="radiogroup">
    <input type="radio" name="gender" value="home" checked> Male
    <br>
    <input type="radio" name="gender" value="female"> Female
    <br>
    <input type="radio" name="gender" value="other"> Other
    <br />
    <br />
    <div class='title'>
        This is the title not on home value
    </div>
</div>

JavaScript

$(document).ready(function() {
	$('input[name="gender"]').on('change', function() {
  	if ($('input[name="gender"]:checked').val() == 'home') {
    	$(".title").hide();
    } else {
      $(".title").show();
    }
  }).change();
});