Javascript 使用字体显示复选框

使用FontAwesome，我试图编写一个简单的javascript，它显示一个复选框，并在单击时执行一些操作。这就是我到目前为止所做的：

      var check = document.createElement('i');
      check.className = 'icon-check-empty';
      check.type = 'checkbox';
      check.id = 'hideConfigCheck';

//单击时的操作（警告和切换复选框勾选）

---

但是，当我单击复选框时，似乎什么也没有发生。建议？

您在顶部声明的元素可能还不在DOM中，因此当您绑定.click（）函数时，没有什么可绑定的-您必须在将元素添加到DOM时进行绑定

document.createElement实际上并没有将元素放在页面上，它只是创建元素以便我们可以使用它，并在以后呈现它。我们需要一些东西来渲染它

最简单的方法是将其附加到主体（或使用它的任何地方）——如果使用JQuery，请执行以下操作：

$("body").append(check);

把它放在两个代码块之间，它应该都能工作（对我来说就是这样）。或者为您自己的选择器关闭“body”

这把小提琴展示了我的意思：

---

快乐编码：：

您的解决方案可能只在元素被附加到DOM中时才起作用

对我来说，这很有效

check.addEventListener('click', function () {........});

check.addEventListener('click', function () {........});