jQuery addClass example

Change class name on click in jQuery

by It Muravshchyk

HTML

<div class="lp-pom-form-field radio-group multi-group" id="container_driver_insured" style="top: 0px;">
<label class="main lp-form-label" for="driver_insured" id="label_driver_insured" style="height: auto;"><span class="label-style">Was the at fault driver insured?&nbsp;*</span></label>
<div class="ub-input-item input-wrap optionsList" id="group_driver_insured">
<div class="option" id="ub-option-driver_insured-item-0">
<input type="radio" id="driver_insured_yes" name="driver_insured" value="Yes" class="radio form-builder-radio-input form_elem_driver_insured valid" checked=""><label for="driver_insured_yes" class="opt-label form-builder-radio-label"><span class="label-style">Yes</span></label>
</div>
<div class="option" id="ub-option-driver_insured-item-1">
<input type="radio" id="driver_insured_no" name="driver_insured" value="No" class="radio form-builder-radio-input form_elem_driver_insured"><label for="driver_insured_no" class="opt-label form-builder-radio-label"><span class="label-style">No</span></label>
</div>
<div class="option" id="ub-option-driver_insured-item-2">
<input type="radio" id="driver_insured_unsure" name="driver_insured" value="Unsure" class="radio form-builder-radio-input form_elem_driver_insured"><label for="driver_insured_unsure" class="opt-label form-builder-radio-label"><span class="label-style">Unsure</span></label>
</div>
</div>
</div>

<a href= '#'id="lp-pom-button-366">Next</a>

JavaScript

$("#lp-pom-button-366").click(function(){
var label = $('#container_driver_insured label').eq(0).text();
var checkbox = $('#driver_insured_no').prop("checked");
var alarm = $('#lp-pom-button-281');
if(label = 'Was the at fault driver insured? *' && checkbox){
$('#container_driver_insured label').text('Sorry we can not help you.');
$('input').hide();
$('#ub-option-driver_insured-item-0').hide();
$('#ub-option-driver_insured-item-1').hide();
$('#ub-option-driver_insured-item-2').hide();
$('a').hide();
}
})