javascript - JQuery - 添加基于复选框的新输入字段

Question

我已经设置了以下 JSFiddle

我的应用程序有几个 .formContent 行，我只在 fiddle 中显示一行。

如果 checkbox 被选中，我想做的是用类 .labelAndInput 复制 div，然后放置一个新的下。

新的 div 标签和输入应与复制的具有相同的 ID/名称，但在它们的末尾带有“testing”。

目前我正在尝试这样的事情，但似乎没有做任何事情:

$(function() {
  $('input:checkbox[name=label1Newline]').change(function() {
    if ($(this).checked) {
          $(this).parent().siblings(".labelAndInput").clone().insertAfter("div.labelAndInput:last");
    }
  });
});

我如何克隆 div，更改 ID/名称以包含测试，然后附加它？

谢谢

Answer 1

Working fiddle

你应该替换:

if ($(this).checked) {

作者:

if ( $(this).is(':checked') ){
//OR
if ( this.checked ){

注意: 新的 div 标签和输入应该有相同的 id/name，注意 id 应该是唯一的文档。

希望这对您有所帮助。