JSFiddle - React, Tailwind, and code Playground

by HikariNoSekai

HTML

<input type="checkbox" name="services_list" value="Услуга 1" />
<input type="checkbox" name="services_list" value="Услуга 2" />
<input type="checkbox" name="services_list" value="Услуга 3" />
<input type="checkbox" name="services_list" value="Услуга 4" />
<input type="checkbox" name="services_list" value="Услуга 5" />

JavaScript

const servicesList = document.querySelectorAll("input[name='services_list']")

const checkedServicesList = [];
let uniqueArr = [];

servicesList.forEach(item => {
	item.addEventListener('change', (event) => {
  	if (event.target.checked) {
    	checkedServicesList.push(event.target.value);
       uniqueArr = checkedServicesList.filter((x, i, a) => a.indexOf(x) == i)
	  console.log(uniqueArr)
    }
   
  })
  
});