要实现这个功能,你可以使用以下步骤:
下面是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<title>计算费用</title>
</head>
<body>
<label for="hours">小时数:</label>
<input type="text" id="hours" onkeyup="calculateTotal()"><br><br>
<label for="rate">每小时费率:</label>
<input type="text" id="rate" onkeyup="calculateTotal()"><br><br>
<label for="total">合计:</label>
<input type="text" id="total" readonly><br><br>
<script>
function calculateTotal() {
var hours = parseFloat(document.getElementById("hours").value);
var rate = parseFloat(document.getElementById("rate").value);
var total = hours * rate;
document.getElementById("total").value = total.toFixed(2);
}
</script>
</body>
</html>
在这个示例中,我们使用了JavaScript来获取输入的小时数和费率,并将它们相乘得到总费用。最后,我们将总费用显示在合计文本框中。
请注意,这只是一个简单的示例,你可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云