2 fashion1993 fashion1993 于 2014.12.03 14:17 提问

jquer实现可编辑表格,怎么在输入数值的同时,就开始对行列求和

就是边输入数值,同时动态的显示求和之后的结果,怎么监听,或者用其他事件就可以实现

2个回答

chinmo
chinmo   Rxr 2014.12.03 14:26

onkeyup事件
$('#ID').keyup(function(){
//这里实现求和运算
})

chinmo
chinmo 回复fashion1993: 这个应该不会的,可编辑状态应该就是一个input,没有失去焦点怎么会改变状态
3 年多之前 回复
fashion1993
fashion1993 这样的话,在我敲一下键盘之后,单元格就恢复到不可编辑状态了,现在是这样的,一个单元格点击之后变成可编辑状态,然后输入数值的同时,进行求和,输入框失焦点后,恢复到之前单元格的状态
3 年多之前 回复
star496481
star496481   2014.12.03 15:27

keyup()

触发、或将函数绑定到指定元素的 key up 事件

fashion1993
fashion1993 恩恩,就是这么做的,已经实现了
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js对当前表格各列数据的求和
/* * 表格求和。 * table 表示当前求和的表格 * trs 表示表格的所有行 * startRow 表示开始的行数 * startColumn 表示开始的列数 * endColumn 表示求和结束的列数 * */ function sumFun(table,trs
HTML动态生成指定行数和列数的可编辑表格
未创建表格时 创建表格 保存表格 编辑表格 td{ text-align:center;/*设置单元格样式*/ width:100px; height:30px; } .inp{ width:80px;/*设置普通单元格输入框样式*/ height:26px; font-size:10px; text-align:cen
js算法--输入行列,生成一个表格(table)
html: 请输入行数: 请输入列数: 创建 javaScript: functino autocreate() { var line = document.getElementById('rows').value; var list = document.getElementById('cols').value; var
vue 合计功能
html> charset="UTF-8"> name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> http-equiv="X-UA-Compatible" con
MFC列表框实现可编辑功能
1.基本原理 在列表控件上实现可编辑功能的原理非常简单,借助一个编辑框控件即可达到目的。具体步骤如下:①从 CListCtrl派生一个子类,并拦截某个意味着进入编辑状态的消息,获取需要编辑的数据项的相关信息。所拦截的消息通常选择鼠标消息(例如双击),这样更容易确定数据项在列表控件中的位置(行号、列号)及其所占的区域。②将一个编辑框控件移动到待编辑数据项所在的区域上,装入待编辑的数据并显示出来,供
Html+js实现表格可编辑,并能动态添加删除行
功能描述:单击页面使单元格td变成可编辑状态,输入内容后,当单元格失去焦点时,保存输入的内容。 点击增加行,在table的末尾增加一行;点击删除行,删除table中最末尾的一行。       编辑表格数据 <!-- body,div,p,ul,li,font,span,td,th{
Excel如何将两个不同列的同一天的数值进行相加(方法一)
1.原始数据,想按对应日期进行加总数据(第一行日期不相等的情况下)2.点击数据-合并计算,把数据都选进去,并勾选“首行”“最左列”,点击确定。3.结果如下,发现第一行的数据日期对应不正确(因为原始数据第一行日期不相等),其他行都一一按日期正确对应。手动改正第一行即可。自己根据结果琢磨“首行”“最左列”的用途。4.删除第二列空格所在行,再删除第一列空格所在行。步骤:选中第二列,点击“定位”,并选择“...
html+javascript实现可编辑表格
功能描述:单击页面使单元格td变成可编辑状态,输入内容后,当单元格失去焦点时,保存输入的内容。 点击增加行,在table的末尾增加一行;点击删除行,删除table中最末尾的一行。       [html] view plaincopyprint? >     html xmlns="http://www.w3.org/1999/xhtml">   
vue+elementui实现可编辑表格,数值限制最大最小值
关键思想:1.template中加scope=”scope“属性,用来获取当前行中对应的列的值;2.通过&lt;el-input-number&gt;与&lt;sapn&gt;的显示隐藏切换来实现编辑/不编辑状态 3.部分单元格不可编辑,利用后台传回的数据,加一个字段v-if=’该字段‘,则当前单元格可编辑
jQuery制作可以编辑的表格
editTable.css table {  border: 1px solid black;  /*修正单元格之间的边框不能合并*/  border-collapse: collapse;  width: 400px; } table td {  border: 1px solid black;  width: 50%; } table th {  border: 1