JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
    </head>
    <body>
        <form action="" method="post">
            <input type="checkbox" value="1" name="checkboxes" id="one" /><br />
            <input type="checkbox" value="1" name="checkboxes" id="two" /><br />
            <input type="checkbox" value="1" name="checkboxes" id="three" /><br />
            <input type="checkbox" value="1" name="checkboxes" id="four" /><br />
            <input type="checkbox" value="1" name="checkboxes" id="five" /><br />
            <input type="checkbox" value="1" name="checkboxes" id="six" /><br />

            <a href="#" id="check-them-boxes" name="check-them-boxes">Check em</a>
        </form>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){

                $('#check-them-boxes').click(function(){
                    $('form input:checkbox').each(function(){
                       if($(this).attr('checked')){
                           alert($(this).attr('id'));
                       }
                    });
                });
            });
        </script>
    </body>
</html>