JSFiddle - React, Tailwind, and code Playground

by Yann Brelière

HTML

<form id="vhost_add_form" action="" method="post">
    <div  class="box box-warnings">
        Blah.
        <fieldset>
            <p>
                <input type="checkbox" value="1" name="override" id="override" checked="checked" />
                <label for="override">override</label>
            </p>
        
            <input type="hidden" value="1" name="is_override_form" />
            <input type="hidden" name="_csrf_"  value="8ccf8e8d428a3ab56a3ac2d7b952666b" />
            <noscript>
                <input  class="button primary right" type="submit" value="Valider" />
            </noscript>
        </fieldset>
    </div>
</form>

JavaScript

$(document).ready(function() {
    $('#override').bind('click', function(e) {
        $form = $('#vhost_add_form');
        console.warn($('#override').prop('checked'));
        console.debug($form.serializeArray());
    });
    console.log('trigger');
    console.log($('#override').prop('checked'));
    $('#override').trigger('click');
});