jquery - 从模式提交之前检查选项

Question

我的页面上有一个表单，但是没有提交。有一个链接使用 colorbox 插件启动了模式对话框。提交按钮实际上位于该对话框中。为了让我提交表单，我使用 delegate() 因为提交按钮不会添加到 DOM，直到模式启动。

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

这是我的代码

JS

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

$('#mySubmit').click(function() {

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

HTML

    <div id="openModal">open modal</div>

</form>

我错过了什么？

更新:身份证丢失了……哎呀。感谢@McMaster 捕获了它。添加了 ID...

Answer 1

在这种情况下，您似乎没有委托(delegate)您的点击事件。

试试这个

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

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