当前位置：首页 → 问答吧 → 关于JQUERY 的KEYUP EVENT

关于JQUERY 的KEYUP EVENT

时间：2009-04-14

来源：互联网

在AMOUNT或者CHARGE填入数据的时候，要表格里的TOTAL这个FIELD里显示两个加起来的和。大家帮忙看看错误在哪里，谢谢！

<script language="JavaScript" src="../include/jquery.js" type="text/JavaScript"></script>
<script type="text/javascript" src="../include/jquery.alphanumeric.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $("#amount").keyup(function(){
         var amount = $("#amount").val(),
         var charge = $("#charge").val(),
         var totalamt = amount + charge;
        $('#total').val($(totalamt);  // 要显示这两个INPUT里面两个数字加起来的结果


     });
</script>
<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="88">Amount</td>
    <td width="212"><input name="amount" type="text" id="amount"></td>
  </tr>
  <tr>
    <td>charge</td>
    <td><input name="charge" type="text" id="charge"></td>
  </tr>
  <tr>
    <td>MTCN</td>
    <td><input name="mtcn" type="text" id="mtcn"></td>
  </tr>
  <tr>
    <td>Total amount</td>
    <td><div id="totalappear">
        <input name="total" type="text" id="total">
      </div></td>
  </tr>
  <tr>
    <td> </td>
    <td><input type="submit" name="Submit" value="Submit">
      <input type="reset" name="Submit2" value="Reset"></td>
  </tr>
</table>
<script type="text/javascript">
$('#amount').numeric({allow:"."});
$('#charge').numeric({allow:"."});
$('#mtcn').numeric();
</script>

作者: leetan 发布时间: 2009-04-14

测试通过：你试试

<html>
<script type="text/javascript" src="jquery-latest.js"></script>--修改路径
<script type="text/javascript">
$(document).ready(function(){
    $("#amount,#charge").keyup(function(){
         var amount = $("#amount").val();
         var charge = $("#charge").val();
         var totalamt = parseInt(amount) + parseInt(charge);
        $('#total').val(totalamt);  // 要显示这两个INPUT里面两个数字加起来的结果
     });
});
</script>
<body>
<table width="300" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="88">Amount</td>
    <td width="212"><input name="amount" type="text" id="amount"></td>
  </tr>
  <tr>
    <td>charge</td>
    <td><input name="charge" type="text" id="charge"></td>
  </tr>
  <tr>
    <td>MTCN</td>
    <td><input name="mtcn" type="text" id="mtcn"></td>
  </tr>
  <tr>
    <td>Total amount</td>
    <td><div id="totalappear">
        <input name="total" type="text" id="total">
      </div></td>
  </tr>
  <tr>
    <td> </td>
    <td><input type="submit" name="Submit" value="Submit">
      <input type="reset" name="Submit2" value="Reset"></td>
  </tr>
</table>
<script type="text/javascript">
/*
$('#amount').numeric({allow:"."});
$('#charge').numeric({allow:"."});
$('#mtcn').numeric();
*/
</script>
</body>
</html>

作者: konglx 发布时间: 2009-06-13

关于JQUERY 的KEYUP EVENT

热门阅读

热门下载