1

Есть глобальные объект, который пытаюсь заполнять на фронте собирая данные из checkbox для отправки на север.

<input class="a" type="checkbox" name="garanty" value="true">
<input class="a" type="checkbox" name="power" value="10kVt">
<input class="a" type="checkbox" name="power" value="5kVt">

JS

var filter_data = {
    items: []
};


$('.a').change(function(){

    if (this.checked == true) {

        var attr_data = [];

        filter_data.items.push({
          taxonomy: this.name,
          terms: attr_data,
        });      

        attr_data.push(this.value);

     console.log(filter_data.items);

    }


  });

На выходе должен быть обьект для php

    $obj = array(
        array(
            'taxonomy' => 'movie_janner',
            'terms'    => array( 'action', 'comedy' ),
        ),
        array(
            'taxonomy' => 'actor',
            'terms'    => array( 103, 115, 206 ),
        )
    );

https://jsfiddle.net/qvr75jyu/7/

7
  • у вас там просто синтаксическая ошибка ( для начала )
    – ThisMan
    6 авг 2018 в 8:13
  • @ThisMan - jsfiddle.net/qvr75jyu/7 обнвоил 6 авг 2018 в 8:18
  • вы и код в вопросе обновите и ссылку ( комментарии не все читают )
    – ThisMan
    6 авг 2018 в 8:20
  • @ThisMan уже обновил 6 авг 2018 в 8:21
  • ну и в чем конкретно проблема? Данные записываются, список выводится. То что вы представили как ответ, во первых на php, во вторых ни как не соотносится с той версткой, которая в вопросе. Что за NOT IN и откуда это взять из верстки?
    – ThisMan
    6 авг 2018 в 8:22

1 ответ 1

2

var filterData = {
  items: []
};


$('.a').change(function(){

  if (this.checked == true) {
    
    // в js принят camelCase
    const attrData = [];
    let filterItem = filterData.items.find(el =>
      el.taxonomy === this.name
    );
    
    // проверяем, если у нас уже объект с таким именем
    if(filterItem) {
      filterItem.terms.push(this.value);
    } else {
      filterData.items.push({
        taxonomy: this.name,
        terms: [this.value],
      })
    }

    console.log(filterData.items);
  } else {
    // тут по идее нужно обработать 'выключение' чекбокса, но это если вам нужно
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="a" type="checkbox" name="garanty" value="true">
<input class="a" type="checkbox" name="power" value="10kVt">
<input class="a" type="checkbox" name="power" value="5kVt">

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.