jquery - 动态创建表单

Question

我有这个：

    $('input[data-type="UserDetails"]').each(function(index, input){
        var name = $(input).attr('name');
        var value = $(input).is(":checked");
        alert('name: ' + name + ' value:' + value);
        });

        showForm = "<form><fieldset><legend>Headline here</legend><label>Name</label><input type='text' class='input-fluid' name='txtName'><label class='checkbox'><input type='checkbox'> Accept Terms & Conditions</label><button type='submit' class='btn'>Send</button></fieldset></form>";

首先要做的是检查哪些复选框被选中。取决于我想将它们添加到表单中。就像“名称的文本字段的复选框被选中”一样。将它们添加到表单“showForm”的最聪明的方法是什么？

我可以在“showForm”中使用真/假语句吗？在这种情况下如何使用它？

感谢您的帮助！

Answer 1

预先构建您的表单并给它一个display: none. 一旦你有了这个，实现下面的功能。

$('input[data-type="UserDetails"]').each(function(index, input){
        var name = $(input).attr('name');
        if($(input).is(":checked")){
            $("form").append('<input type="text" value="' + value + '" />');
        }
        });

 $("form").show(); // Show the form