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」内で true/false ステートメントを使用できますか? そして、それはこの状況でどのように使用されていますか？

助けてくれてありがとう！