Javascript 选择“显示输入块”选项，输入自动计数和显示另一个输入值的值

我有一个HTML表单，用于在我的面板中显示付款状态。在此表单中，如果我选择“付款状态”“预付款”，则会显示另一个输入框，我可以输入预付款的价格。还有另一个输入框是剩余价格，如果我输入预付款的值，剩余价格应使用java脚本显示剩余值。如果我选择“付款状态”为空，则在“剩余价格”输入框中显示总价；如果我选择“已付款”，则在“剩余价格”输入框中显示0……所有情况都正常……但只有一件事不起作用，即如果我输入“预付价格”的值，则不会显示剩余价格。这是我的HTML代码

    <div class="col-md-6">
        <div class="form-group">
            <label>Final Total</label>
            <input type="text" value="100" name="total" id="Ftotal" class="form-control" >
        </div>
    </div>

    <div class="col-md-6">
        <div class="form-group">
            <label for="paymentstatus">Payment Status</label>
            <select class="form-control" name="paymentstatus" style="height: 40px;" onchange="yesnoCheck(this);">
                <option value=""> ---Select Payment Status---</option>
                <option>Advance</option>
                <option>Null</option>
                <option>Paid</option>
            </select>
        </div>
    </div>

    <div class="col-md-6" id="ifYes" style="display: none;">
        <div class="form-group">
            <label for="advancepaid">Advanced Paid</label>
            <input type="text" name="advancedPiad" id="advancedPiad" onKeyUp="remaining()"  class="form-control">
        </div>
    </div> 

    <div class="col-md-6">
        <div class="form-group">
            <label for="remainingammount">Remaining Ammount</label>
            <input type="text" name="remaining" id="remaining" class="form-control remaining" >
        </div>
    </div>

尝试使用js parseInt（）方法将其转换为整数

 function remaining()
 {

 a=parseInt(document.getElementById('Ftotal').value);


b = parseInt(document.getElementById('advancedPiad').value);
c = a - b;

document.getElementsByClassName("remaining").value = c;
}

尝试使用js parseInt（）方法将其转换为整数

 function remaining()
 {

 a=parseInt(document.getElementById('Ftotal').value);


b = parseInt(document.getElementById('advancedPiad').value);
c = a - b;

document.getElementsByClassName("remaining").value = c;
}

试一试

document.getElementsByClassName（“剩余”）[0].value=c

document.getElementsByClassName
提供指定类名的元素数组。在您的情况下，只需设置第一个元素的值
 试试看

document.getElementsByClassName（“剩余”）[0].value=c

document.getElementsByClassName
提供指定类名的元素数组。在您的情况下，只需设置第一个元素的值
 
getElementsByClassName（）
返回匹配元素的列表。您可能希望
getElementsByClassName（'remaining'）[0]
获取该列表中的第一个元素。
getElementsByClassName（）
返回匹配元素的列表。您可能希望
getElementsByClassName（'remaining'）[0]
获取该列表中的第一个元素。您在过去半小时内给出的所有4个答案都是完全错误的，无法解决问题。你只是在猜测。不要浪费人们的时间，让他们去做白费力气的事。你在过去半小时里给出的4个答案都是完全错误的，对解决这个问题毫无帮助。你只是在猜测。别再浪费人们的时间了，让他们去做白日梦。你是什么意思？什么冲突？我使用yesnoCheck功能显示剩余金额，也使用剩余功能显示剩余金额你是什么意思？什么冲突？我使用yesnoCheck功能显示剩余金额，也使用剩余功能显示剩余金额