$(() => { $('#select_all').click(() => { $('.preferences').find('input[type="checkbox"]').prop('checked', true); }); $('#deselect_all').click(() => { $('.preferences').find('input[type="checkbox"]').prop('checked', false); }); $('#preferences_registration_form').on('submit', (e) => { const target = $(e.target); target.find('input[type="checkbox"]').each((i, el) => { const check = $(el); if (!check.prop('checked')) { target.append(`<input type="hidden" name="${check.attr('name')}" value="false">`); } }); }); });