Почему не работают переключатели radio buttons в моей форме?

Есть несколько возможных причин, по которым переключатели radio buttons могут не работать в вашей форме:

1. Неправильное указание значения атрибута "name" у каждой кнопки. У каждого переключателя должен быть уникальный "name", чтобы они могли быть связаны между собой.

2. Ошибка в синтаксисе HTML или JavaScript. Убедитесь, что ваш код правильно оформлен и нет ошибок.

3. Необходимо использовать соответствующий синтаксис и методы JavaScript для изменения атрибута "checked". Например, вы можете использовать метод `setAttribute` для изменения атрибута "checked".

Пример кода для изменения атрибута "checked" у radio buttons:

```javascript
document.getElementById("button2").setAttribute("checked", "checked"); // Где "button2" - это id кнопки, которую вы хотите сделать отмеченной
```

Также, вы можете использовать метод `prop` в jQuery для установки атрибута "checked":

```javascript
$("#button2").prop("checked", true); // Где "button2" - это id кнопки, которую вы хотите сделать отмеченной
```

Убедитесь, что вы правильно настроили переключатели radio buttons в вашей форме и используете правильный синтаксис для изменения их состояния.

В label оберните 
 
<label>
      <input type="radio" name="radios">
      <span class="custom-radio" style="--radio-color: rgba(255, 255, 255, 1)"></span>
    </label>