JSFiddle - React, Tailwind, and code Playground

by chad_888

HTML

<div >
    <form id="test">
<input type="text" name="aa" value="xxx"/>
<input type="radio" value="1" name="bb"/>
<input type="radio" value="2" name="bb"/>

<input type="checkbox" value="1" name="cc"/>
<input type="checkbox" value="2" name="cc"/>
<input type="checkbox" value="3" name="cc"/>
</form>
</div>


<button id="aaa">aaa</button>

JavaScript

$(document).ready(function(){ 
    
    $("#aaa").click(function(){
        $("body").append("<p>form="+$('#test').serializeArray()+"</p>");});
});