分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

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

发布时间:2023-09-06 01:19责任编辑:郭大石关键词:暂无标签

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

  $("#rightTipPayBackTb").append("<tr><td>" + successCount + "</td><td>" + datas.Data.WayBillCode + "</td><td><input type=\"text\" onkeydown=‘if(event.keyCode==13)Alt.nextFocus(this);‘ onKeypress=‘Alt.only_number()‘ onfocus=‘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;‘ onclick=‘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代码,仅供参考;

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

原文地址:http://www.cnblogs.com/xiaowu54/p/7723334.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved