Для создания группы элементов `<input type="radio">` в JavaScript можно использовать следующий код:
1. Создайте контейнер для группы элементов радио-кнопок, например, `<div id="radio-group"></div>`.
2. В JavaScript найдите этот контейнер по его id:
```
var radioGroup = document.getElementById("radio-group");
```
3. Создайте отдельные элементы радио-кнопок с помощью цикла или вручную:
```
for (var i = 0; i < 3; i++) {
var radio = document.createElement("input");
radio.type = "radio";
radio.name = "radio-buttons"; // имя группы радио-кнопок должно быть одинаковым
radioGroup.appendChild(radio);
}
```
Теперь у вас есть группа элементов радио-кнопок.
Чтобы обработать событие при нажатии кнопки только для конкретного блока с товаром, можно использовать следующий подход:
1. Назначьте каждому блоку товара уникальный id, например, `<div id="product-1">...</div>`, `<div id="product-2">...</div>`, и так далее.
2. Привяжите обработчик события "click" к кнопкам товара, используя JavaScript:
```
var productButton = document.getElementById("product-1-button");
productButton.addEventListener("click", function() {
// Ваш код действия для кнопки товара с id "product-1"
});
```
Внутри обработчика события вы можете выполнить нужные вам действия только для этой кнопки товара с помощью соответствующего кода.
Теперь при нажатии на кнопку товара будет выполняться действие только для этой конкретной кнопки, а не для всех кнопок с одинаковым id.
