JSFiddle - React, Tailwind, and code Playground

HTML

<div id="navPod">
    <form method="post" action="#" id="contentFilterForm" name="contentFilterForm">
        <input type="hidden" name="q" value="" />
        <input class="checkbox" type="checkbox" name="pr" value="1" id="filterProjects" />
        <input class="checkbox" type="checkbox" name="pl" value="1" id="filterPlayground" checked="checked"/>
        <input class="checkbox" type="checkbox" name="cu" value="1" id="filterCulture" />
        <input class="checkbox" type="checkbox" name="le" value="1" id="filterLeadership" />
        <input class="checkbox" type="checkbox" name="ca" value="1" id="filterCareers" />

        <input class="checkbox" type="checkbox" name="bl" value="1" id="filterBlog" checked="checked" />
        <input class="checkbox" type="checkbox" name="li" value="1" id="filterDelicious" />

        <input id="refreshSubmit" type="button" value="" onclick="createURLS()"/>
    </form>

    <div class="subnav">
        <a id="projectsLink" title="Projects" href="/projects/">Projects</a><br />
        <a id="playgroundLink" title="Playground" href="/playground/">Playground</a><br />            
        <a id="aboutLink" title="About Centerline Digital" href="/about/" >About Us</a><br />
        <a id="leadershipLink" title="Leadership" href="/leadership/" >Leadership</a><br />
        <a id="careersLink" title="Careers" href="/careers/" >Careers</a><br />
        <a id="blogLink" title="Blog" href="/blog/" >Blog</a><br />
        <a id="thoughtsLink" title="Thoughts and Links" href="/thoughts/ ">Thoughts and Links</a><br />

        <a target="_blank" title="Subscribe to Custom Feed" id="feedLink" href="/dyn/">Subscribe to Custom Feed</a>
    </div>
</div>

CSS

.someclass{
float:right;
    background-color:yellow;
}

JavaScript

$('#'+anchor_id).toggleClass('someclass', $(this).attr('checked'));