Javascript 无法捕获由js附加的类的单击事件

我附加了javascript中的复选框输入字段。之后，我需要捕获该复选框字段的单击事件。但我不能。我尝试了以下说明：
-
- .

这是我的密码

var htmlData='<input type="checkbox" name="is_pay[]" class="is_pay">';
$('.container').append(htmlData);

$('.is_pay').on('click', function(){
        alert('hi');
});

var htmlData=''；
$（'.container'）.append（htmlData）；
$（'.is_pay'）。在（'单击'，函数（）上）{
警报（“hi”）；
});

因为脚本运行时该项不存在，所以请侦听是否单击了

.container

：

var htmlData='<input type="checkbox" name="is_pay[]" class="is_pay">';
$('.container').append(htmlData);

$(".container").on("click", ".is_pay", function() {
    alert("hi");
});

var htmlData=''；
$（'.container'）.append（htmlData）；
$（“.container”）。在（“单击“，”.is_pay“，函数（）上）{
警报（“hi”）；
});

因为脚本运行时该项不存在，所以请侦听是否单击了

.container

：

var htmlData='<input type="checkbox" name="is_pay[]" class="is_pay">';
$('.container').append(htmlData);

$(".container").on("click", ".is_pay", function() {
    alert("hi");
});

var htmlData=''；
$（'.container'）.append（htmlData）；
$（“.container”）。在（“单击“，”.is_pay“，函数（）上）{
警报（“hi”）；
});

事件处理程序将仅在页面上存在元素时运行，因此在动态添加复选框时，脚本单击处理程序不会工作

若有任何新元素动态注入页面，则使用委派事件来附加事件处理程序。用以下代码替换click处理程序

$("document").on("click", ".is_pay", function() {
    alert("hi");
});

---

事件处理程序将仅在页面上存在元素时运行，因此在动态添加复选框时，脚本单击处理程序不起作用

若有任何新元素动态注入页面，则使用委派事件来附加事件处理程序。用以下代码替换click处理程序

$("document").on("click", ".is_pay", function() {
    alert("hi");
});

---

你可以简单地处理这个问题

var htmlData=''；
$（'.container'）.append（htmlData）；
$（'.is_pay'）。单击（函数（事件）{
警报（“hi”）；
});
您只需处理
var htmlData=''；
$（'.container'）.append（htmlData）；
$（'.is_pay'）。单击（函数（事件）{
警报（“hi”）；
});