ขอสอบถามการคำนวณ sum ค่าทั้งหมดของ Textbox ที่วนลูปค่ะ

<?php 
$amt=10;

for($i=1;$i<=50;$i++){ ?>
<tr>
<td>
<input type="text" name="price<?php echo $i;?>" id="price<?php echo $i;?>" value="<?php 
echo $amt ?>"></td>
</tr>
<?php 
$total += $amt;
} ?>

<tr>
<td>
<label>Total : <?php echo $total; ?></label>
<input type="text" value="show sum price"></td>
</tr>

<script language="JavaScript">
	function fncSum()
	{
                
		var sum = 0;
		for(var i=0;i<document.frmprice['price[]'].length;i++){
			sum += parseFloat(document.frmprice['price[]'][i].value);
		}
		document.frmprice.sumprice.value = sum;	
            
	}

</script>
<form name="frmprice" method="POST">
<table>
<?php for($i=1;$i<=5;$i++){ ?>
<tr>
    <td><input type="text" name="price[]" id="price[]" onkeyup="fncSum();"></td>
</tr>
<?php } ?>
<tr>
<td>
<label>Total : </label>
<input type="text" name="sumprice" readonly></td>
</tr>
</table>
</form>

<form name="frmprice" method="POST">
<table>
<?php for($i=1;$i<=5;$i++){ ?>
<tr>
    <td>
    <!-- เปลี่ยน type เป็น number  -->
    <input type="number" name="price[]" id="price[]" onkeyup="fncSum();"></td>
</tr>
<?php } ?>
<tr>
<td>
<label>Total : </label>
<input type="text" name="sumprice" readonly></td>
</tr>
</table>
</form>

<script language="JavaScript">
  function fncSum()
  {
    
    var sum = 0;
    for(var i=0;i<document.frmprice['price[]'].length;i++){
      // เช็คค่าว่างเอาครับ
      if(document.frmprice['price[]'][i].value !=""){
      sum += parseFloat(document.frmprice['price[]'][i].value);
      }
    }
    document.frmprice.sumprice.value = sum; 
            
  }

</script>