Checked checkboxes to array

Checked checkboxes to array

by Adi Jaya

HTML

<div id="demo">

  <p><label><input type="checkbox" value="1">1</label></p>
  <p><label><input type="checkbox" value="2">2</label></p>
  <p><label><input type="checkbox" value="3">3</label></p>
  <p><label><input type="checkbox" value="4">4</label></p>
  <p><label><input type="checkbox" value="5">5</label></p>
  <p><label><input type="checkbox" value="6">6</label></p>
  <p><label><input type="checkbox" value="7">7</label></p>
  <p><label><input type="checkbox" value="8">8</label></p>
  <p><label><input type="checkbox" value="9">9</label></p>
  
</div>

<button id="generate">Generate</button>

<ul></ul>

JavaScript

$( "#generate" ).click(function(){

    var data = [];
    
    $( "#demo input:checkbox:checked" ).map(function(){
        data.push( $(this).val() );
    });
    
    console.log( data ); //array
    
    console.log( data.join(", ") );
    
    //test Output
    var testOutput = "";
    for ( var i in data ) {
		testOutput += "<li>"+ data[i] +"</li>";
    }
    //alert( testOutput );
    
    $( "ul" ).empty().append( testOutput );
    
  });