zoukankan      html  css  js  c++  java
  • 动态创建table,按回车键自动切换光标位置及金额统计Js代码实现

    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代码,仅供参考;

  • 相关阅读:
    9、UmbracoNewsSite:分页
    7、UmbracoNewsSite:新闻详情页
    6、UmbracoNewsSite:添加新闻分类
    5、UmbracoNewsSite:添加css和js文件
    3、UmbracoNewsSite:文档类型设置
    书单
    文章
    Django-rest framework框架
    Django框架
    前端快速入门
  • 原文地址:https://www.cnblogs.com/xiaowu54/p/7723334.html
Copyright © 2011-2022 走看看