前端js拼checkbox的选中与取消的问题

工作中再实现弹出框里数据回显问题时遇到的麻烦， 需求是

success: function (data) {
                                    var model="";
                                    var ids=[];
                                    var html="";
                                    $.each(data.tableAll.data,function (i,n) {

                                        html+=<form><input name="checked" id="checkBox1" did="+id+" zid="+n.id+" type="checkbox">+n.start_address_detail+-->+n.end_address_detail+</form><br/>;
                                        ids[i] = n.id;
                                        });
                                    if (data.data != ) {
                                        layer.open({
                                            type: 0,
                                            title: 司机路线绑定-姓名:<span style="color: red;"> + realName,
                                            content: html,

点击添加路线，出现弹出框，从数据库中查找所有路线，如果司机本来有路线，则数据回显，checkbox 打勾，

$("input[type=checkbox]").prop("checked",true);

结果怎么也加不上，前端检查，选中与取消竟然再html中没有任何反应，感觉特别奇怪，查阅了各种资料，都解决不了，后来仔细想了想。终于找到了问题所在 layer.open 的content域只有将拼的串加到html页面之后，才可以进行添加选中操作。 问题解决！