фильтр с установленным флажком и очистить фильтр с установленным флажком

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);
		
	}