JSFiddle - React, Tailwind, and code Playground

by kyllle

HTML

<form>
    <input type="checkbox" name="radio" value="1" /> Radio 1<br />
    <input type="checkbox" name="radio" value="2" /> Radio 2<br />
    <input type="checkbox" name="radio" value="3" /> Radio 3<br />
    <input type="checkbox" name="radio" value="4" /> Radio 4<br />
    <input type="checkbox" name="radio" value="5" /> Radio 5
    <br />
    <input type="submit" id="submit" value="submit" />
</form>

JavaScript

$(document).ready(function() {
    $('#submit').click(function(e) {
        var checkboxes = $('input[type=checkbox]');
        checkboxes.each(function(index, element) {
            var myElement = $(element);
            myElement.prop('checked', !myElement.prop('checked'));
        });
        e.preventDefault();
    });
});