javascript - 使用 jQuery 将结果值分配给第三个文本框

Question

我有三个文本框。我想从前 2 个文本框中获取值，计算该值，然后将结果分配给第三个文本框。为了实现这一点，我在 jquery 中做了类似以下的事情；

<script type="text/javascript">
   $(document).ready(function myfunction() {
        $("#TxBx_MarksObtained").change(function () {
            //var value = $(this).val();
            var a = $("#TextBoxTotalMarks").val();
            var b = $("#TxBx_MarksObtained").val();
            var c = (b * 100 / a).toFixed(2);
            $("#TextBoxMarksInPercent").val(c);
        }); 
    });
</script>

现在，问题是，当我关注 TextBoxTotalMarks 并输入值时，对于 TxBx_MarksObtained 也是如此，Everythings 运行良好，结果分配给 TextBoxMarksInPercent。
但是，当我将焦点更改为另一个文本框(表单中的其他位置)，然后返回并更改 TextBoxTotalMarks 和 TxBx_MarksObtained 的值时。我在 TextBoxMarksInPercent 中没有看到任何变化。
我做错了什么？
为什么从另一个文本框返回后我的值没有更新？

Answer 1

doc Ready 处理程序中出现错误:

<script type="text/javascript">
   $(document).ready(function myfunction() {
   //-------------------------^^^^^^^^^^^-----this should not be here

尝试这种方式，我建议您使用.blur()或.focus()或.key()事件:

<script type="text/javascript">
  $(document).ready(function () {
    $("#TxBx_MarksObtained, #TxBx_MarksObtained").keyup(function () {
    // ------------------------------------------^^^^^^--keyup instead of change.
        var a = $("#TextBoxTotalMarks").val();
        var b = $("#TxBx_MarksObtained").val();
        var c = (b * 100 / a).toFixed(2);
        $("#TextBoxMarksInPercent").val(c);
    }); 
  });
</script>