对仅在inspect元素中可用的代码运行javascript

Question

我有一个按钮，通过按下它，它添加了带有复选框的元素，如带有标签的标签，这是我处理它的方式，是给我的复选框和div一个id和一个for，如下所示：

<input type="checkbox" id="checkbox1">
<label for="checkbox1">blah blah blah</label>

因此，当我按下该按钮时，它会创建一个类似的复选框，我面临的问题是我编写了一个JS，可以检查这些复选框，并通过按下它们来更改标签的颜色，但是由于代码仅存在于检查中模式，而不是实际的html文件，javascript不适用于它，有没有一种方法可以在仅存在于检查模式而不是实际html文件的代码上运行js？

Answer 1

如果使用的是jQuery，则可以使用on()绑定事件监听器来轻松实现。

在这种情况下，它将类似于：

$('#checkbox1').on('change', function(){
    // change color of label, etc.
});

即使加载页面后动态创建了复选框，这也将起作用。
如果您需要普通的JS解决方案，请查看此answer以获取想法。