JSFiddle - React, Tailwind, and code Playground
HTML
<div class="js_switch">
<label class="r_active">One</label>
<input type="checkbox" checked>
<label>Two</label>
</div>
<div>
<label class="r_active">Yes</label>
<input type="checkbox" checked>
<label>No</label>
</div>
<div class="js_switch">
<label class="r_active">One</label>
<input type="checkbox" checked>
<label>Two</label>
</div>
CSS
.r_active{color: red;}
JavaScript
function __swith(selector){
var c = $(selector).children('input');
$(c).on('click', function(e){
$(this).parent().children('label').toggleClass('r_active');
});
};
__swith('.js_switch');