JSFiddle - React, Tailwind, and code Playground

by lshettyl

HTML

<div id="edit-menu" class="panel">
    <div class="panel-heading">Bewerk geselecteerde items</div>
</div>
<div class="col-md-3 col-lg-2 col-sm-4">
    <div class="edit-wrapper">
        <input type="checkbox" name="del" value="one">
        <input type="checkbox" name="del" value="two">
        <input type="checkbox" name="del" value="three">
        <input type="checkbox" name="del" value="four">
        <input type="checkbox" name="del" value="five">
        <input name="submit" type="submit" class="btn btn-danger" id="delete-selected-items" value="Verwijder"/>
    </div>
</div>

JavaScript

$(function() {
    var checked = [];
    $('#delete-selected-items').click(function(){
        $("input[name='del']:checked").each(function () {
            checked.push( $(this).val() );
            //use the below if your values are numbers;
            //checked.push( +($(this).val()) );
        });
        alert(checked);
        $.get('ajax-requests/delete-images', {del: checked} , function(data){
            console.log(data);
        });
    });
});