动态创建table,按回车键自动切换光标位置及金额统计Js代码实现

1.JS页面输出拼接的Table代码,参数来自于Ajax请求响应回来的Json数据

  $("#rightTipPayBackTb").append("<tr><td>" + successCount + "</td><td>" + datas.Data.WayBillCode + "</td><td><input type=\"text\" οnkeydοwn='if(event.keyCode==13)Alt.nextFocus(this);' onKeypress='Alt.only_number()' οnfοcus='this.select()' onKeyUp='Alt.text_zero(this);Alt.TipPayBack.getTotal()' id=\"txt" + datas.Data.WayBillCode + "\" name=\"tipAmount\" value='" + datas.Data.TipAmount + "' /></td><td>" + datas.Data.QuidcoDirectoryName + "</td><td style='color:blue;' οnclick='Alt.TipPayBack.removeTipPayBack(this)'>删除</td></tr>");

2.Function函数,altBase作为全局调用封装的js代码

  1. getTotal() 金额合计,根据实际业务代码自己编写;
  2. //增加按回车键实现代码 
    altBase.only_number = function () {
    if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;
    }

  3. //控件为空则为0 chenww 2017-10-23
    altBase.text_zero = function (text) {
    if (text.value == '') {
    text.value = 0
    text.select();
     }
    }

  4. //下移光标 
    altBase.nextFocus = function (the) {
    var oo = document.getElementsByName(the.name);
    var isFocus = false;
    for (i = 0; i < oo.length; i++) {
    if (isFocus) {
    oo[i].focus();
    break;
     }
    if (oo[i] == the) {
    isFocus = true;
     }
     }
    }

 3.总结:以上是实现的核心的js代码,仅供参考;

转载于:https://www.cnblogs.com/xiaowu54/p/7723334.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值