 <p>Use <code>addClass()</code> and <code>removeClass()</code> then store the styles in there:</p> <p>CSS</p> <pre><code>.my-checkbox-class { // styles } </code></pre> <p>JQuery</p> <pre><code>$('.single-checkbox:checked').addClass('my-checkbox-class'); $('.single-checkbox:checked').removeClass('my-checkbox-class'); </code></pre> <p>You can add any styles to any element like this and remove them too. It's a good, clean solution that makes your css re-usable and keeps the style and functionality separate.</p> <p>Note that the add and remove class methods don't need a <code>.</code> to denote a class, this can be a gotcha</p>