我有5个图标，它们在链接到php文件的表单中。每个图标都有一个id，例如，个图标的id为1，第二个图标的id为2。

单击图标时，类将从<form action="./icons.php" method="POST"> <i id="1" class="far fa-heart"> <i id="2" class="far fa-heart"> <i id="3" class="far fa-heart"> <i id="4" class="far fa-heart"> <i id="5" class="far fa-heart"> </form> 更改为<form action="./icons.php" method="POST"> <i id="1" class="far fa-heart"> <i id="2" class="far fa-heart"> <i id="3" class="far fa-heart"> <i id="4" class="far fa-heart"> <i id="5" class="far fa-heart"> </form> .

现在，在php中，当单击其中一个图标时，我希望将该图标的id存储在一个变量中。如果单击超过1个图标，则ID应存储在数组中。

我怎么做？我是PHP新手，谢谢您的帮助！

HTML

function toggleIcons(){
   document.querySelectorAll(".fa-heart")
   .forEach(elm => elm.addEventListener("click", (e) => {
       e.target.classList.toggle("far")
       e.target.classList.toggle("fas")
   }));
}
toggleIcons();

用于更改类名的JavaScript onclick。

顺晟科技：