JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sidebar">
    <input type="checkbox" value="1" /> 1<BR />
    <input type="checkbox" value="2" /> 2
</div>
<div id="container">
    
</div>

JavaScript

$('#sidebar > input:checkbox').change (
function ()
{
    reloadInfo ();
});

function reloadInfo ()
{
    var cbdata = new Array();
    $('#sidebar > input:checkbox').each (
    function ()
    {
        cbdata[$(this).val()] = $(this).is(':checked');
    });
    //Set reload image while waiting for ajax
    $('#container').html('<img src="http://campaignfinance.in.gov/PublicSite/Resources/Images/loading.gif" />');
    $.ajax({
        url: "script.php",
        type: "POST",
        data: (cbdata),
        dataType: "html",
        async:false,
        success: function(msg){
         $('#container').html(msg);
        },
        statusCode: {
            404: function() {
            $('#container').html('Error loading');
        }
    }
    });
}