ajax动态添加复选框

  function getLands() {

         $.ajax({

           url:"httpserver.do?doPost&userQygs="+$("#userQygs").val(),

           type:"POST",

           dataType:"text",

           success:function(data){

           if(data==null||data==""){

              alert("目前没有地块可供选择，请先绘制地块！");

              location.href ="gpadd.do?toArcgis&state=1";

           }else{

              var lands=data.split(",");

             //获得前台的div

             var insertDiv = document.getElementById("land");

             //定义向前台插入的内容为空

             insertDiv.innerHTML = "";

             var chkinfo;

             var chkDIV;

             //var txtinfo;

             //解析从服务器获得的数据,循环添加复选框

             for (var i = 0; i < lands.length-1; i++) {

                 //为每一个复选框创建一个DIV

                 chkDIV = document.createElement("div");

                 //每一个复选框用input创建，类型为checkBox

                 chkinfo = document.createElement("input");

                 chkinfo.name = "landDkbh";

                 chkinfo.id = "landDkbh";

                 chkinfo.type = "checkbox";

                // chkinfo.onclick = test;

                 //将每一个chinesename为复选框赋值

                 chkinfo.value = lands[i];

                //将复选框添加到Div中

                 chkDIV.appendChild(chkinfo);

                 //为Div设置样式

                 chkDIV.style.height = "50px";

                 chkDIV.style.width = "150px";

                 chkDIV.style.float = "left";

                 chkDIV.align = "left";

                 chkDIV.appendChild(document.createTextNode(lands[i]));

                 //将创建的div添加到前台预留的DIV下

                 insertDiv.appendChild(chkDIV);

             }

             //第二种方法，用拼接的方法来完成，比较简单

              /*  for(var i=0;i<data.length;i++){

            $("#land").append("<tr> <td> <input type='checkbox' name='landDkbh' id='landDkbh' value="+data[i].landDkbh+"  /></td>  <td>"+data[i].landName+"</td><td>"+data[i].landScmj+"</td> <th><a  href='javascript:void(0)' onclick=\"look('"+data[i].landDkbh+"')\" >查看</a></th></tr>");

            }   */

             }

          }

      });

   }

添加复选框的位置

  <div class="col-sm-5">

             <div class="form-group">

                 <label class="col-sm-3 control-label">选择地块</label>

                 <div class="col-sm-9"  >

                   <div  id="land" >

                   </div>

                 </div>

             </div>

         </div>