在jQuery中追加内部追加(动态附加)

时间:2017-01-25 00:15:42

标签: jquery checkbox append live

附加div的问题

我想在附加元素中附加元素

我添加了一个按钮,在该按钮上我想要附加表单(在新的div中)

我非常感谢任何帮助

http://codepen.io/hesham-farag/pen/RKZaoe

  var addcheck = $(".add-checkbox"),
      // button for form        
      addcheck_box = $(".add-box-checkbox"),
      // add form       
      box_checkboxx = "<form class=\"check-control\"><div class=\"checkbox\"><input class=\"form-control\" type=\"type\" name=\"test"+clicked+"\" value=\"test\" /></div><input type=\"checkbox\"  name=\"test"+clicked+"\" value=\"test\" /><input class=\"form-control\" type=\"type\" name=\"test"+clicked+"\" value=\"test\" /><a href=\"\" class=\"add-checkbox\">add new</a></div>",
      // add add checkbox & input  
      checkboxx = "<div class=\"checkbox\"><input type=\"checkbox\"  name=\"test"+clicked+"\" value=\"test\" /><input class=\"form-control\" type=\"type\" name=\"test"+clicked+"\" value=\"test\" /></div></form>",
      // valu zero       
      clicked = 0;

    addcheck_box.on("click",function(){ 
      $(".wrap-surve-input").append( box_checkboxx);
    });



    addcheck.on("click",function(){ 
      clicked++;
      $("form").append(checkboxx);
    });

1 个答案:

答案 0 :(得分:0)

我检查你的代码,我已经修复了你的代码中的一些内容以适应你需要的东西,因为我试图得到你需要的东西请检查这个链接我做了新的叉子

http://codepen.io/Ahmed-Elemam/pen/MJvqmx

$(document).on("click",".add-box-checkbox",function(){ 
  $(".wrap-surve-input").append( box_checkboxx);
});


$(document).on("click",".add-checkbox",function(){
//addcheck.on("click",function(){ 
  clicked++;
  $("form").append(checkboxx);
});