如何在輸入值中設置javascript id

Question

我想插入我的javascript id到輸入值的位置。

如果我給Interest名稱輸入value="100"

我怎樣才能得到tc命名錶輸入value="75"

我的輸入形式

<tr> 
          <th>Loan Amount</th> 
          <th>INTEREST RATE %</th> 
    <tr>    
      <tbody> 
<td><input disabled type="" name="tc" id="int_amount" class="formcontrol"value=""/></td> 
<td><input type="number" name="Interest" id="input2" onkeyup="calculate();"/ class="form-control" value=""/></td> 

      </tr> 
      </tbody> 

的JavaScript

var vatti = document.pricecal.Interest.value; 
var Total = vatti -25; 

    if(vatti = null) 
    { 

     document.getElementById("int_amount").innerHTML = "Rs:"+" "+Total; 

    } 
[want out put like this][1] 

Answer 1

希望這可以幫助你。

function calculate(interest){ 
 
    var vatti = interest.value; 
 
    if (vatti != '') { 
 
    var Total = vatti - 25; 
 
     document.getElementById("int_amount").value = Total; 
 
    }else{ 
 
    document.getElementById("int_amount").value = ''; 
 
    } 
 
}

<table> 
 
    <tbody> 
 
\t <tr> 
 
\t  <td><input type="number" name="Interest" id="input2" onkeyup="calculate(this)" onchange="calculate(this)" class="form-control" value=""/></td> 
 
\t  <td><input type="" name="tc" id="int_amount" class="formcontrol" value=""/></td> 
 
\t </tr> 
 
    </tbody> 
 
</table>

Answer 2

設置<input>元素的.value，而不是.innerHTML

document.getElementById("int_amount").value = "Rs:"+" "+Total; 

Answer 3

HTML：

<tbody> 
    <tr> 
    <td><input type="number" name="Interest" id="input2" class="form-control" value=""/></td> 
    <td><input type="" name="tc" id="int_amount" class="formcontrol" value=""/></td> 
    </tr> 
</tbody> 

的Javascript：

document.getElementById('input2').onkeyup = function() { 
    document.getElementById('int_amount').value = (this.value != '') ? 'Rs: ' + (parseInt(this.value)-25) : ''; 
}