是否可以通过单击html复选框将文本添加到php变量

Question

点击它后，我需要为图像添加边框。这是我要添加文本的php行：

$class = 'cat-item cat-item-' . $category->term_id;

这是我的前端代码：

<li id="myButton" class="cat-item cat-item-27">
     <label>
         <input name="ofcategory[]" value="27" type="checkbox">
         Blue
     </label>
</li>

点击我通过css制作的“复选框”到图像时，我需要为该图像添加边框，我点击它

所以只是一些toggleClass JavaScript是不可能的吗？

我甚至可以考虑这个问题吗？或者你可能有更好的主意？

Answer 1

您不能使用PHP来处理点击等事件，因为它是服务器端语言，客户端由浏览器处理。以下是您要实现的目标的两种解决方案：

使用CSS :checked伪类选择器：

input[type=checkbox]:checked {
    border: 4px solid red;
}

使用JS和element.classList（假设您之前声明了.border类）：

var input = document.querySelector('input[type="checkbox"]');

input.addEventListener("click", function () {
    input.classList.toggle('border');
});

---

我建议使用CSS解决方案，它会缩短代码（可以认为避免在CSS中使用CSS执行操作是一种很好的做法）。