Checkbox test

by tonytlwu

HTML

<pre id="debug"></pre>

<p><label><input type="checkbox" name="first_name" value="John" /> John</label></p>
<p><label><input type="checkbox" name="first_name" value="James" /> James</label></p>
<p><label><input type="checkbox" name="first_name" value="Jim" /> Jim</label></p>

CSS

body { margin: 10px; }

JavaScript

setInterval(function(){
    var values = [];
    $('[name=first_name]:checked').each(function(){
        values.push($(this).val());
    });
    values = values.join(", ");
    
    $('#debug').html( values );
},50);