Получение данных из группы checkbox
Добрый день, задача стоит такая:
Есть группа кнопок https://ibb.co/dpQtWT - такой вид на сайте. (через тег ссылка не работает) <div class="row filter-selects"> <?php if(!empty($filters["manufacturers"])): ?> <div class="col-md-3 select"> <label>Производитель:</label><br /> <div class="search" name="manufacturer"> <?php foreach ($filters["manufacturers"] as $key => $m ): ?> <span> <input type="checkbox" class="manufacturer" name="manufacturer" id="<?=$m?>" value="<?=$m?>"> <label class="button-check-label" for="<?=$m?>"> <?=$m?> </label> </span> <?php endforeach; ?> </div> </div> <?php endif; ?> <?php if(!empty($filters["amperages"])): ?> <div class="col-md-3 select"> <label class="text-nowrap">Номинальный ток:</label><br /> <div class="search" name="amperage"> <?php foreach ($filters["amperages"] as $a): ?> <span> <input type="checkbox" class="button-check" name="amperage" id="<?=$a?>" value="<?=$a?>"> <label class="button-check-label" for="<?=$a?>"> <?=$a?> </label> </span> <?php endforeach; ?> </div> </div> <?php endif; ?> ... </div> Как мне получить массив данных с checkbox, вида result = [ manufacturer[0 => ..., 1 => ...] amperage[0 => ...] ] Под точками имею ввиду значения нажатых чекбоксов. Код js сейчас имеет вид $(".filter-selects").on('change', 'input[type=checkbox]', function() { $("#filter-btn .submit").hide(); $("#progress").show(); var empty = 0; $("input[type=checkbox]:checked").map(function(id, elem) { var name = $(elem).attr('name'); var val = $(elem).val(); var arr = []; res[name] = val; }); console.log(res); } |
var result; $('input[type="checkbox"]').change(function(){ result = ['manufacturer', $('[name="manufacturer"]:checked').map(function(indx, element){ return $(element).val(); }), 'amperage', $('[name="amperage"]:checked').map(function(indx, element){ return $(element).val(); })]; }); |
Благодарю!
|
Часовой пояс GMT +3, время: 09:12. |