Javascript 是否可以使用单个输入名称转换为多个输入名称？

我在前面的代码中创建了单输入。我已使用此代码的名称“upfrontmippc”。现在我有四个输入字段相同的功能？这里我的代码更新了。这段代码在我使用单个输入字段时有效。现在我更改了四个输入字段。为该函数分配四个不工作的输入字段

<input name="upfrontmippc" id="upfrontmippc" type="text" size="3" maxlength="3" 
      onChange="javascript:upfrontMIPPcChanged(true)" />

我在新设计中分配了四个字段：这个值在新代码中分配了四次

<div class="col-md-2  padding-Zero">
<input  name="upfrontmippc"  class="txt" type="text" size="8" maxlength="8" onChange="javascript:upfrontMIPPcChanged(true)" />
 </div>

我的剧本：

 /*state holders*/
/*WARNING!! this script must be above all other js scripts*/
var userChangedUpfrontMIPPc_=false;
var userChangedUpfrontMIPAmt_=false;
var userChangedMonthlyMIP_=false;
var userChangedDownPaymentPc_=false;
var userChangedDownPaymentAmt_=false;

userChangedUpfrontMIP=false;
userChangedMonthlyMIP=false;
userChangedSSMonthlyMIP=false;

function userChangedUpfrontMIPPc(state)//state=true or false
    {
         userChangedUpfrontMIPPc_=state;
    }
function userChangedUpfrontMIPAmt(state)//state=true or false
    {
         userChangedUpfrontAmt_=state;
    }
function userChangedMonthlyMIP(state)//state=true or false
    {
         userChangedUpfrontMIP_=state;
    }
function userChangedDownPaymentPc(state)//state=true or false
    {
         userChangedDownPaymentPc_=state;
    }
function userChangedDownPaymentAmt(state)//state=true or false
    {
         userChangedDownPaymentAmt_=state;
    }


function getMIP(str)
{
     //get user input
     ficorange=document.forms['frmCalculator'].elements['ficorange'].value;
     //loantype=document.forms['frmCalculator'].elements['loantype'].value;
     purchaseprice=document.forms['frmCalculator'].elements['purchaseprice'].value;
     downpaymentpc=document.forms['frmCalculator'].elements['downpaymentpc'].value;
     downpaymentamt=document.forms['frmCalculator'].elements['downpaymentamt'].value;

    for (i=0;i<4;i++ )
    {
      if (document.forms['frmCalculator'].elements['loantype'][i].checked==true)
        {
          loantype=document.forms['frmCalculator'].elements.loantype[i].value;
        }
    }

    //seconds and silent seconds
   totalseconds_=0.0;
   totalsilentseconds_=0.0;
   secondV=document.forms['frmCalculator'].elements['second'].value;
   if (secondV=="")  { secondV="0";  } 
   secondV_=parseFloat(secondV);
   secondT=document.forms['frmCalculator'].elements['secondtype'].value;
   if (secondT=="normal")  {totalseconds_+= secondV_;} else {totalsilentseconds_+= secondV_;}

  thirdV=document.forms['frmCalculator'].elements['third'].value;
   if (thirdV=="")  { thirdV="0";  } 
   thirdV_=parseFloat(thirdV);
   thirdT=document.forms['frmCalculator'].elements['thirdtype'].value;
   if (thirdT=="normal")  {totalseconds_+= thirdV_;} else {totalsilentseconds_+= thirdV_;}

   fourthV=document.forms['frmCalculator'].elements['fourth'].value;
   fourthT=document.forms['frmCalculator'].elements['fourthtype'].value;
   if (fourthV=="")  { fourthV="0";  }
   fourthV_=parseFloat(fourthV);
   if (fourthT=="normal")  {totalseconds_+= fourthV_;} else {totalsilentseconds_+= fourthV_;}


   fifthV=document.forms['frmCalculator'].elements['fifth'].value;
   fifthT=document.forms['frmCalculator'].elements['fifthtype'].value;
   if (fifthV=="")  { fifthV="0";  }
   fifthV_=parseFloat(fifthV);
   if (fifthT=="normal")  {totalseconds_+= fifthV_;} else {totalsilentseconds_+= fifthV_;}


   sixthV=document.forms['frmCalculator'].elements['sixth'].value;
   sixthT=document.forms['frmCalculator'].elements['sixthtype'].value;
   if (sixthV=="")  { sixthV="0";  }
   sixthV_=parseFloat(sixthV);
   if (sixthT=="normal")  {totalseconds_+= sixthV_;} else {totalsilentseconds_+= sixthV_;}

    q="ficorange="+ficorange;
    q+="&loantype="+loantype;
    q+="&purchaseprice="+purchaseprice;
    q+="&downpaymentpc="+downpaymentpc;
    q+="&downpaymentamt="+downpaymentamt;
    q+="&seconds="+totalseconds_;
    q+="&silentseconds="+totalsilentseconds_;


    if (loantype=="" || purchaseprice=="" || (downpaymentpc =="" &&  downpaymentamt ==""))
      {
      //document.getElementById("txtHint").innerHTML= "";
      return;
      }
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {
     // code for IE6, IE5
      xlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
//      alert (xmlhttp.responseText);
        var values=xmlhttp.responseText.split(",");
        //alert (xmlhttp.responseText);
          if (str!="loantype")
            {
                if (userChangedUpfrontMIP==false)
                {
                    document.forms["frmCalculator"].elements["upfrontmippc"].value=values[0];
                    document.forms["frmCalculator"].elements["upfrontmipamt"].value="";
                }
                if (userChangedMonthlyMIP==false)
                {
                    document.forms["frmCalculator"].elements["monthlymippc"].value=values[2];
                    document.forms["frmCalculator"].elements["monthlymipamt"].value="";
                }
                if (userChangedSSMonthlyMIP==false)
                {
                    document.forms["frmCalculator"].elements["ssmonthlymippc"].value=values[6];
                    document.forms["frmCalculator"].elements["ssmonthlymipamt"].value="";
                }
            }
            else
            {
              document.forms["frmCalculator"].elements["upfrontmippc"].value=values[0];
              document.forms["frmCalculator"].elements["upfrontmipamt"].value="";
              document.forms["frmCalculator"].elements["monthlymippc"].value=values[2];
              document.forms["frmCalculator"].elements["monthlymipamt"].value="";
              document.forms["frmCalculator"].elements["ssmonthlymippc"].value=values[6];
              document.forms["frmCalculator"].elements["ssmonthlymipamt"].value="";
            }
        }
      }
    xmlhttp.open("GET","getMIPs.php?"+q,true);
    xmlhttp.send();
}

/*州持有人*/
/*警告！！此脚本必须高于所有其他js脚本*/
var userChangedUpfrontMIPPc=假；
var userChangedUpfrontMIPAmt=false；
var userChangedMonthlyMIP_u2;=false；
var userChangedDownPaymentPc=假；
var userChangedDownPaymentAmt=假；
userChangedUpfrontMIP=false；
userChangedMonthlyMIP=false；
userChangedSSMonthlyMIP=false；
函数userChangedUpfrontMIPPc（state）//state=true或false
{
userChangedUpfrontMIPPc=状态；
}
函数userChangedUpfrontMIPAmt（state）//state=true或false
{
userChangedUpfrontAmt=状态；
}
函数userChangedMonthlyMIP（state）//state=true或false
{
userChangedUpfrontMIP_u2;=状态；
}
函数userChangedDownPaymentPc（state）//state=true或false
{
userChangedDownPaymentPc=状态；
}
函数userChangedDownPaymentAmt（state）//state=true或false
{
userChangedDownPaymentAmt=状态；
}
函数getMIP（str）
{
//获取用户输入
ficorange=document.forms['frmCalculator'].elements['ficorange'].value；
//loantype=document.forms['frmCalculator'].elements['loantype'].value；
purchaseprice=document.forms['frmCalculator'].elements['purchaseprice'].value；
downpaymentpc=document.forms['frmCalculator'].elements['downpaymentpc'].value；
downpaymentamt=document.forms['frmCalculator'].elements['downpaymentamt'].value；
对于（i=0；i您可以使用querySelectorAll并创建一个循环来分配每个值，如下所示：

var selectElement = document.querySelectorAll('input[name="upfrontmippc"]');

for (var i = 0; i <= selectElement.length; i++){
    selectElement[i].value = "newValue";
}

var-selectElement=document.querySelectorAll（'input[name=“upfrontmippc”]”）；
对于（var i=0；我请发布完整的代码（所有4个输入字段）。@cravo更新了我的代码，请采取行动look@A.Wolff我没有使用Id代码，我只使用名称