css - 如何在输入标签中添加“onclick”？

Question

我正在尝试插入

onclick="countCheckboxes()" 

在输入标签内。有没有办法在 CSS 中做到这一点？我尝试了以下方法，但没有奏效：

input[type=checkbox]:after {
content: "onclick="countCheckboxes()"";}

这样它最终会输出这个

 <input type="checkbox" onclick="countCheckboxes()">

这是一个 Wordpress 表单。也许我可以在 functions.php 模板中添加一些东西来使我能够做到这一点？

Answer 1

您不能在 css 中生成 Javascript。更多信息请参考：在 CSS 中使用 Javascript

我猜你想保持你的标记干净的 JS？如果是这样，最好的办法是将 JS 从您的标记中抽象出来，放在一个单独的 js 文件中。在那里，您可以以任何您需要的方式导航 dom 和 append 函数。您可以使用 vanilla Javascript 或 JS 框架（如 Jquery）来执行此操作，这大大简化了流程。

如果您想了解如何操作，我很乐意设置演示。