选中复选框的过滤器，并取消选中复选框的过滤器

Question

let FlyList = [{

    "flkind": "systemi"
  }, {

    "flkind": "systemi"
  }, {

    "flkind": "systemi"
  },
  {

    "flkind": "charteri"

  }, {

    "flkind": "charteri"
  }, {

    "flkind": "charteri"
  },
];

									<li>
										<label class="customCheck w-100" id = "filter-check2">
											<input type="checkbox" name="inlineRadioOptions" class="individual"> چارتری
											<div class="indicator"></div>
											<span class="float-left">
												2 پرواز
											</span>
										</label>
									</li>

我有一个数组。还有一个复选框，我想每次都单击它。过滤完成。并且每当未单击它时。清洁过滤器。

我知道我应该使用循环。但是我不知道如何使用它。

	let filter_ch = document.getElementById('filter-check2');

	filter_ch.addEventListener('change' , filt);
	function filt(e){
		e.preventDefault();
		let custom_filter = FlyList.filter(kind_filt => kind_filt.flkind.indexOf("charteri")>-1);
		console.log(custom_filter);
		
	}