JSFiddle - React, Tailwind, and code Playground

HTML

<input type='checkbox' class='marcar' name='check[]' />
<input type='checkbox' class='marcar' name='check[]' />
<input type='checkbox' class='marcar' name='check[]' />
<input type='checkbox' class='marcar' name='check[]' />
<input type='checkbox' class='marcar' name='check[]' />
<input type='checkbox' class='marcar' name='check[]' />
<input type='checkbox' class='marcar' name='check[]' />


<button class='btn btn-large' type='button' title='Todos' id='todos' onclick='marcardesmarcar();'>
    <i class='icon-large  icon-ok'>Click</i>
</button>

JavaScript

function marcardesmarcar() {
    $('.marcar').each(function () {
        if (this.checked) $(this).attr("checked", false);
        else $(this).prop("checked", true);
    });
}