Form to Json

Form to Json

by megaadriano

HTML

<form class="form-sample">
   <input type="checkbox" id="name" name="name" value="Name" checked>Name</input>
   <input type="checkbox" id="place" name="place"  value="PlaceOfBirth" checked>Place Of Birth</input><br/>

</form>
<br><b>Result:</b>
<div class="res-div"></div>

CSS

.res-div { white-space: pre; font-family: monospace; }

JavaScript

var data = {};
$(".form-sample").serializeArray().map(function(x){console.log(x);data[x.name] =x.value}); 
$(".res-div").html(JSON.stringify( data, null, 4));