如何动态添加具有字段类型的表单字段

Question

我想使用表单字段类型动态添加表单字段。下面给出示例。

我在下面尝试过一些操作，但需要输入类型

$(function()
 {
  $(document).on('click', '.btn-add', function(e)
  {
    e.preventDefault();

    var controlForm = $('.controls form:first'),
        currentEntry = $(this).parents('.entry:first'),
        newEntry = $(currentEntry.clone()).appendTo(controlForm);

    newEntry.find('input').val('');
    controlForm.find('.entry:not(:last) .btn-add')
        .removeClass('btn-add').addClass('btn-remove')
        .removeClass('btn-success').addClass('btn-danger')
        .html('<span class="glyphicon glyphicon-minus"></span>');
}).on('click', '.btn-remove', function(e)
{
    $(this).parents('.entry:first').remove();

    e.preventDefault();
    return false;
   });
});

Answer 1

为什么不使用纯js？
只需添加事件侦听器以更改选中按钮， 然后使用if语句将value设置为on，然后将可见性样式值更改为visible else then hidden。