JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div class="FillInEnvelope four HideMe">
  <select class="Name" name="Name[0]" placeholder="Name">
    <option value="" disabled selected>Name</option>
  </select>
  <select class="Address" name="Address[0]" placeholder="Address">
    <option value="" disabled selected>Address</option>
  </select>
  <input type="checkbox" class="AddressIsReport" name="AddressIsReport[0]" value="TRUE" checked />
</div>

<div class="FillInEnvelope four HideMe">
  <select class="Name" name="Name[1]" placeholder="Name">
    <option value="" disabled selected>Name</option>
  </select>
  <select class="Address" name="Address[1]" placeholder="Address">
    <option value="" disabled selected>Address</option>
  </select>
  <input type="checkbox" class="AddressIsReport" name="AddressIsReport[1]" value="TRUE" checked />
</div>

CSS

.green { background-color:green; }

JavaScript

$('.AddressIsReport').change(function(){
    var Address = $(this).parents('.FillInEnvelope').find('.Address');

    if( $(this).is(':checked')) {
        Address.removeClass('green');
    } else {
        Address.addClass('green');
    }
});