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

Question

我正在尝试插入

onclick="countCheckboxes()" 

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

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

这样它最终会输出

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

这适用于Wordpress表单。也许我可以在functions.php模板中添加一些东西来让我这样做？

Answer 1

您无法在css中生成Javascript。有关详细信息，请参阅此处：Using Javascript in CSS

我猜你想让你的标记保持清洁JS？如果是这样，最好的方法是在单独的js文件中从标记中抽象出JS。在那里，您可以导航dom并以您需要的方式追加功能。您可以使用vanilla Javascript或JS框架（如Jquery）来完成此操作，这简化了流程。

如果您想学习如何，我很乐意设置演示。