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

【问题标题】：is it possible to add text to an php variable by clicking on an html checkbox是否可以通过单击 html 复选框将文本添加到 php 变量
【发布时间】：2018-09-05 03:51:00
【问题描述】：

单击图像后，我需要为图像添加边框。这是我要添加文本的 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 是不可能的，对吧？

这甚至可能是我的想法吗？或者你有更好的主意？

【问题讨论】：

为什么不可能。一旦它在运行 javascript 的浏览器上，WordPress 就完成了
只要边框不必是图像本身的一部分，您就可以使用 CSS 的强大功能。

标签： javascript php html wordpress

【解决方案1】：

您不能使用 PHP 来处理诸如 clicks 之类的事件，因为它是一种 服务器端 语言，而 客户端 是由您的浏览器处理。以下是您想要实现的 2 个解决方案：

使用 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 解决方案，它的代码会更短（可以认为避免在 JavaScript 中做你可以在 CSS 中做的事情是一种很好的做法）。

【讨论】：