Jquery 在从modal提交之前选中选项

我在一页上有一张表格，但是没有提交。有一个链接使用colorbox插件启动了一个模式对话框。“提交”按钮实际上位于该对话框中。为了提交表单，我使用委托，因为在启动模式之前，提交按钮不会添加到DOM中

我添加了一个复选框，在提交表单之前必须选中该复选框，但我认为我遗漏了一些内容，因为无论是否选中该复选框，我都无法提交

这是我的密码

JS

HTML

我错过了什么

更新：

---

有一个遗失的身份证。。。达。谢谢@McMaster的关注。添加的id…

在这种情况下，您似乎没有委派单击事件

试试这个

$('body').delegate('click' ,'#mySubmit' ,function() {

    if ($('#chk').is(':checked')) {
        $('#myForm').submit();
    } else {
        alert('Must check first...');
    }
});

---

在这种情况下，您似乎没有委派单击事件

试试这个

$('body').delegate('click' ,'#mySubmit' ,function() {

    if ($('#chk').is(':checked')) {
        $('#myForm').submit();
    } else {
        alert('Must check first...');
    }
});

---

您正在动态添加colorbox中使用的输入元素。请注意从名称到id的更改

---

您正在动态添加colorbox中使用的输入元素。请注意从名称到id的更改

---

你的点击功能能正常工作吗？您没有授权，但如果在创建元素后将其绑定，它可能仍然有效您对复选框的调用是错误的，怀疑它会修复任何问题，但这就是您应该如何将其命名为$'input[name=chk]'或为您的复选框指定一个当前没有的id。@McMaster您是对的！令人尴尬的下午咖啡因缺乏综合征：你的点击功能能正常工作吗？您没有授权，但如果在创建元素后将其绑定，它可能仍然有效您对复选框的调用是错误的，怀疑它会修复任何问题，但这就是您应该如何将其命名为$'input[name=chk]'或为您的复选框指定一个当前没有的id。@McMaster您是对的！令人尴尬的下午咖啡因缺乏综合征：

$('body').delegate('click' ,'#mySubmit' ,function() {

    if ($('#chk').is(':checked')) {
        $('#myForm').submit();
    } else {
        alert('Must check first...');
    }
});

$('#openModal').colorbox({
    html: '<input type="checkbox" id="chk" /><input id="mySubmit" type="button" value="...">';
});

$('#mySubmit').on("click", function() {
    if ($('#chk').is(':checked')) {
        $('#myForm').submit();
    } else {
        alert('Must check first...');
    }
});