如何在角度材质单选按钮上引发单击事件？

<input type="radio" id="material1" name="material" value="material1">
<label for="material1">材质1</label>

<input type="radio" id="material2" name="material" value="material2">
<label for="material2">材质2</label>

var material1 = document.getElementById("material1");
var material2 = document.getElementById("material2");

material1.addEventListener("click", function() {
  // 在这里编写单击事件的处理逻辑
  console.log("材质1被选中");
});

material2.addEventListener("click", function() {
  // 在这里编写单击事件的处理逻辑
  console.log("材质2被选中");
});