Jquery 基于表单中的字段值输出实时计算

我希望使用jQuery以表单形式输出实时计算，但由于缺乏JS知识，我不确定从哪里开始。我想知道是否有人能帮我做这个

以下是我的字段值：

<input type="hidden" name="total_days" value="{total_days}" />
<input type="text" name="cost_per_day" value="" />
<p>Total Cost: $<span class="total_cost"></span></p>

---

我已经在你的隐藏文本字段和用户文本字段中添加了一个id来检索它们的值，看起来像这样

<input type="hidden" name="total_days" id = "totaldays" value="10" />
<input type="text" name="cost_per_day" id = "mytextfield" value="" />
<p>Total Cost: $<span class="total_cost"></span></p>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

---

希望这对您有所帮助。

我已经在您的隐藏文本字段和用户文本字段中添加了一个id，以检索它们的值。看起来像这样

<input type="hidden" name="total_days" id = "totaldays" value="10" />
<input type="text" name="cost_per_day" id = "mytextfield" value="" />
<p>Total Cost: $<span class="total_cost"></span></p>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

---

希望这有帮助。

此解决方案非常有效。不过，我正在尝试做一个小小的更改，我希望答案总是四舍五入到小数点后2位。我尝试过在不同的点上添加.toFixed（2），但它似乎不起作用。像这样,

<script type="text/javascript">
$(document).ready(function() {
$("#mytextfield").on('keyup',function(){
   // alert('pressed')
   var totalcost= $("#totaldays").val() * $(this).val() 
   $(".total_cost").text(totalcost).toFixed(2);
})
});
</script>

$（文档）.ready（函数（）{
$（“#mytextfield”）.on（'keyup'，function（）{
//警报（'按下'）
var totalcost=$（“#totaldays”）.val（）*$（this.val（）
$（“.total_cost”）.text（totalcost）.toFixed（2）；
})
});

有人能告诉我怎样才能得到小数点后两位吗

---

谢谢

此解决方案非常有效，但是我正在尝试做一个小改动，我希望答案总是四舍五入到小数点后2位。我尝试过在不同的点上添加.toFixed（2），但它似乎不起作用。像这样,

<script type="text/javascript">
$(document).ready(function() {
$("#mytextfield").on('keyup',function(){
   // alert('pressed')
   var totalcost= $("#totaldays").val() * $(this).val() 
   $(".total_cost").text(totalcost).toFixed(2);
})
});
</script>

$（文档）.ready（函数（）{
$（“#mytextfield”）.on（'keyup'，function（）{
//警报（'按下'）
var totalcost=$（“#totaldays”）.val（）*$（this.val（）
$（“.total_cost”）.text（totalcost）.toFixed（2）；
})
});

有人能告诉我怎样才能得到小数点后两位吗

谢谢