JSFiddle - React, Tailwind, and code Playground

HTML

<button id="getValue">=DK 取得全部參數</button>
<button id="newValue">=DK 新增輸入參數</button>
<button id="delValue">=DK 刪除輸入參數</button>
<div id="body"></div>
<div id="Ufrom">
  <div>
    <input type="text" name="Vlaue0" value="0"/>
  </div>
</div>

JavaScript

var num = 0;
var form = $("#Ufrom");
var getValue = $("#getValue");
$("#getValue").click(function(){
    $("#body").text(
        JSON.stringify(
          serialize_all($("#Ufrom").children("div"))
        )
    );
});
$("#newValue").click(function(){
    num++;
    form.append('<div><input type="text" name="Value'+num+'" value="'+num+'" /></div>');
    getValue.trigger("click");
});
$("#delValue").click(function(){
    num--;
    form.children('div:last').remove();
    getValue.trigger("click");
});


function serialize_all(target) {
  var obj = {};
	target.children("input").each(function(){
    obj[$(this).attr("name")] = $(this).val();
  });
  return obj;
}