如何从servlet获取数据并在jquery对话框中动态显示为复选框

我有一个jquery对话框，我在其中显示复选框，并且它是硬编码的。当前显示的复选框数量固定为硬编码数据中的复选框。现在我得到了一个要求，需要从服务器端使用java中的servlet获得的数据动态显示这些复选框，但我不知道如何从中检索数据servlet并将其动态显示在对话框中作为复选框

单击链接按钮将打开对话框

这是我的代码，包含硬编码的复选框和dilaogue框以及链接按钮单击事件

var $calltype = $('<div></div>')
        .html('<form id="calltype" action=""><input type="checkbox" id="LOCAL" name="LOCAL" value="LOCAL" />LOCAL<br /><input type="checkbox" name="STD"  id="STD" value="STD" /> STD <br /><input type="checkbox" name="ISD" id="ISD" value="ISD" />ISD<br /><input type="checkbox" name="INCOMING" id="INCOMING" value="INCOMING" />INCOMING<br /><input type="checkbox" name="INET" id="INET" value="INET" />INET<br /></form>')
        .dialog({
            autoOpen: false,
            title: 'Select Calltype',
            buttons: {
                "Submit": function() {  $('form#calltype').submit();},
                "Cancel": function() {$(this).dialog("close");}
            }
        });

        $('#callltype').click(function(evt) {
            selcalltype="";
            $calltype.dialog('open');
            evt.preventDefault();
            // prevent the default action, e.g., following a link
            return false;
        });

var$calltype=$（“”）
.html（'LOCAL
STD
ISD
传入
INET

.对话({
自动打开：错误，
标题：“选择调用类型”，
按钮：{
“提交”：函数（）{$（'form#calltype'）.Submit（）；}，
“取消”：函数（）{$（this）.dialog（“close”）；}
}
});
$（'#calltype'）。单击（函数（evt）{
selcalltype=“”；
$calltype.dialog（'open'）；
evt.preventDefault（）；
//防止默认操作，例如，跟踪链接
返回false；
});

任何帮助都将不胜感激。。 提前感谢..

使用

因为元素是动态添加的，所以不能直接绑定事件。必须使用

您的

id

是

calltype

not

calltype

extra

l

语法

$( elements ).on( events, selector, data, handler );

用于事件委派类似

$(document).on('click','#calltype',function(evt) {
     selcalltype="";
     $calltype.dialog('open');
     evt.preventDefault();
     // prevent the default action, e.g., following a link
     return false;
});

您还使用了$（“#calltype”），但它应该是$（“#calltype”），如果您

更改id

，那么您的代码也可以使用

$(document).on('click','#calltype',function(evt) {
     selcalltype="";
     $calltype.dialog('open');
     evt.preventDefault();
     // prevent the default action, e.g., following a link
     return false;
});