JSFiddle - React, Tailwind, and code Playground

by WILLIAM CORREA

HTML

<div class="form">
  <div class="radio">
    <label for="radio-1">
      <input id="radio-1" type="radio" name="radio" value="1"> Option 1
    </label>
    <label for="radio-2">
      <input id="radio-2" type="radio" name="radio" value="2"> Option 2
    </label>
  </div>
  <hr>
  <button class="color-buttom">Color RED</button>
</div>

CSS

.form .color-red {
  color: red;
}

.radio label {
  cursor: pointer;
}

JavaScript

bootstrap();

function addClassName(selector, className)
{
	$(selector).addClass(className)
}

function bootstrap()
{
  $('.color-buttom').click(function() {
    addClassName('[for=radio-1]', 'color-red')
  })
}