JSFiddle - React, Tailwind, and code Playground

by Meily Chhon

HTML

<table>	
	<tr>
		<td><input type="checkbox" name="approve" class="check-me" value="1" /></td>
		<td>Braveheart</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="approve" class="check-me" value="2" /></td>
		<td>Gladiator</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="approve" class="check-me" value="3" /></td>
		<td>The Patriot</td>
	</tr>
	<tr>
		<td><input type="checkbox" name="selectedPackaged" class="check-me" value="4" /></td>
		<td>300</td>
	</tr>
</table>

JavaScript

window.addEvent('domready', function() {  
    var click = $$(".check-me");
     var array = [];
    click.addEvent('click', function() { 
        if(this.checked){
            alert('check');
        } else {
            alert('uncheck');
        }
        $$("input[type=checkbox]:checked").each(function(i){
            array.push( i.value );            
          //  console.log(i.value);
        });      
        console.log($$("input[name='approve']:checked").get('value'));                
    });    
});