фильтровать элемент с помощью флажка через массив

Question

У меня есть флажок, который выбирает всех.И у меня есть флажок, который возвращает системный объект.И у меня есть флажок, который возвращает объект charteri.Но есть проблема с этим.И не дает нам флажок информации.Я хочу нажать на системную ckeckbox.Нам будет показана только информация об этом.Я хочу нажать на чартер чартий.Нам будет показана только информация об этом.

На самом деле мы хотим вернуть объект через systemi или charteri.

У нас есть несколько фильтров.Должно быть, как будто несколько фильтров были активированы.Фильтрация выполнена.

function customFilter(list, field, value) {
        let fill = list.filter(task => {
            if (typeof(filter) === 'Object') {
                value.forEach(val => {
                    return task[field] === value
                });
            }
            return task[field] === value
        });
        console.log(fill);

    }

    let filterCheckbox = document.querySelector('.customCheck');
    filter_ch.addEventListener('change', filt);

    function filt(e) {
        e.preventDefault();
        var
            //field = $(this).parents('.filter_type').attr('data-field');
		let field =document.querySelector('.filter_type').getAttribute('data-field');

        let val = e.target.value;
        customFilter(FlyList, field, val);
    };

<div class="filter_type" data-field="flkind">
    <h6>Ticket type
        <div class="switcher float-left ">
            <label class="customToggle small">
                <input type="checkbox" name="" id="" class="selectall">
                all
                <div class="indicator"></div>
            </label>
        </div>
    </h6>
    <ul>
        <li>
            <label class="customCheck " id="filter-check">
                <input type="checkbox" value={systemi} name="inlineRadioOptions" data-field="systemi" class="individual"> systemi
                <div class="indicator"></div>
                <span class="float-left">
    												air2
    											</span>
            </label>
        </li>
        <li>
            <label class="customCheck" id="filter-check2" >
                <input type="checkbox" value={charteri} name="inlineRadioOptions" data-field="charteri" class="individual"> charteri
                <div class="indicator"></div>
                <span class="float-left">
    											air2
    											</span>
            </label>
        </li>
    </ul> </div>

let FlyList = [{
	"id": "1",
	"city": "Dallas",
	"capacity": "1",
	"time": "06:00",
	"fltime": "07:00",
	"price": "10000",
	"flnum": "961",
	"pricetest": "dd",
	"flkind": "systemi"
}, {
	"id": "2",
	"city": "Bevery Hills",
	"capacity": "2",
	"time": "14:00",
	"fltime": "15:00",
	"price": "20000",
	"flnum": "960",
	"pricetest": '',
	"flkind": "systemi"
}, {
	"id": "3",
	"city": "New York",
	"capacity": "3",
	"time": "04:00",
	"fltime": "05:00",
	"price": "30000",
	"flnum": "950",
	"flkind": "systemi"
},
];