HTML锁定Table中某一列
1.
2.
3.
function ChangeTable()
{
var type = document.getElementById("ddl_ReportType").value.Trim();
if (type == )
{
document.getElementById("TableInfo").innerHTML = TableYX();
}
else if (type == )
{
document.getElementById("TableInfo").innerHTML = TablePY();
}
else if (type == )
{
document.getElementById("TableInfo").innerHTML = TableGL();
}
else if (type == )
{
document.getElementById("TableInfo").innerHTML = TableLG();
}
}
function TableGL()
{
var str = "<table name='tblSlt' width='100%' border='0' runat='server' align='center' cellpadding='0' cellspacing='1' bgcolor='#999999'>";
str += " <tbody><tr>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>项目名称</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>原工资</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>修改后工资</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'></td>";
str += " </tr></tbody>";
str += " <tr>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'>" +
"<select id='SltId' name='SltName' style='width:100%;'> <option value='0' selected='selected'>请选择</option>" +
" <option value='JBGZ_'>工资</option> <option value='BLGZ_'>保留工资</option> <option value='DTF_'>独贴</option> " +
"<option value='MTF_'>民贴</option> <option value='QTY_'>其他</option> <option value='KCBJ_'>扣病事假</option>" +
"<option value='YLJ_'>养老金</option> <option value='YBJ_'>医保金</option> <option value='SBJ_'>失保金</option>" +
"<option value='GJJ_'>公积金</option> <option value='BFGJJ_'>补充公积金</option> <option value='GHF_'>工会费</option>" +
"<option value='QT_'>其他</option> <option value='GTS_'>个调税</option></select> </td>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><input type='text' maxlength = '12' style='width:100%;' class='tdinput' id='inputJBGZ' /></td>"; //onchange=\"AllUpdate('JBGZ')\"
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><input type='text' maxlength = '12' style='width:100%;' class='tdinput' id='inputJiangJ' /></td>" //onchange=\"AllUpdate('JiangJ')\"
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;' align='center'><input type='button' style='background:url(../../../images/Button/Button_Change.jpg); width:55px; Height:30px;' onclick =\"AllUpdate('JZZYBF')\" id='JZZYBF' /></td>";
str += " </tr> ";
str += "</table>";
return str;
}
function TableLG()
{
var str = "<table name='tblSlt' width='100%' border='0' runat='server' align='center' cellpadding='0' cellspacing='1' bgcolor='#999999'>";
str += " <tbody><tr>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>项目名称</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>原工资</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>修改后工资</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'></td>";
str += " </tr></tbody>";
str += " <tr>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'>" +
"<select id='SltId' name='SltName' style='width:100%;'> <option value='0' selected='selected'>请选择</option> " +
"<option value='JBGZ_'>生活费</option> <option value='FTF_'>社保金</option> " +
" <option value='CTF_'>公积金</option><option value='DTF_'>独贴</option> <option value='MTF_'>民贴</option>" +
"<option value='QTY_'>其他</option> <option value='YLJ_'>养老金</option> <option value='YBJ_'>医保金</option>" +
"<option value='SBJ_'>失业金</option> <option value='GJJ_'>公积金</option> <option value='QT_'>其他</option> </select></td>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><input type='text' maxlength = '12' style='width:100%;' class='tdinput' id='inputJBGZ' /></td>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><input type='text' maxlength = '12' style='width:100%;' class='tdinput' id='inputJiangJ' /></td>"
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;' align='center'><input type='button' style='background:url(../../../images/Button/Button_Change.jpg); width:55px; Height:30px;' onclick =\"AllUpdate('JZZYBF')\" id='JZZYBF' /></td>"
str += " </tr> ";
str += "</table>";
return str;
}
function TableYX()
{
var str = "<table name='tblSlt' width='100%' border='0' runat='server' align='center' cellpadding='0' cellspacing='1' bgcolor='#999999'>";
str += " <tbody><tr>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>项目名称</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>原工资</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>修改后工资</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'></td>";
str += " </tr></tbody>";
str += " <tr>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><select id='SltId' name='SltName' style='width:100%;'>" +
" <option value='0' selected='selected'>请选择</option> <option value='JBGZ_'>工资</option> <option value='BLGZ_'>保留工资</option> " +
" <option value='JiangJ_'>奖金</option> <option value='JZZYBF_'>加、值、中夜班费</option> <option value='DTF_'>独贴</option> " +
"<option value='MTF_'>民贴</option> <option value='FTF_'>饭贴</option> <option value='CTF_'>车贴</option> " +
"<option value='QTY_'>其他一</option> <option value='QTE_'>其他二</option> <option value='KCBJ_'>扣病事假</option> " +
"<option value='YLJ_'>养老金</option> <option value='YBJ_'>医保金</option> <option value='SBJ_'>失保金</option>" +
" <option value='GJJ_'>公积金</option> <option value='BFGJJ_'>补充公积金</option> <option value='GHF_'>工会费</option>" +
"<option value='QT_'>其他</option> <option value='GTS_'>个调税</option> </select></td>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><input type='text' maxlength = '12' style='width:100%;' class='tdinput' id='inputJBGZ' /></td>"; //onchange=\"AllUpdate('JBGZ')\"
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><input type='text' maxlength = '12' style='width:100%;' class='tdinput' id='inputJiangJ' /></td>" //onchange=\"AllUpdate('JiangJ')\"
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;' align='center'><input type='button' style='background:url(../../../images/Button/Button_Change.jpg); width:55px; Height:30px;' onclick =\"AllUpdate('JZZYBF')\" id='JZZYBF' /></td>";
str += " </tr> ";
str += "</table>";
return str;
}
function TablePY() {
var str = "<table name='tblSlt' width='100%' border='0' runat='server' align='center' cellpadding='0' cellspacing='1' bgcolor='#999999'>";
str += " <tbody><tr>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>项目名称</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>原工资</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'>修改后工资</td>";
str += " <td class='ListTitle' style='font-weight: bolder;width:50px;' background='../../../images/Main/tableTitle_bg.jpg'></td>";
str += " </tr></tbody>";
str += " <tr>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'> " +
"<select id='SltId' name='SltName' style='width:100%;'> <option id='selected' value='0' selected='selected'>请选择</option>" +
" <option value='JBGZ_'>工资</option> <option value='JiangJ_'>奖金</option> <option value='JZZYBF_'>加、值、中夜班费</option> " +
"<option value='DTF_'>午餐费</option> <option value='MTF_'>晚餐费</option> <option value='FTF_'>夜宵费</option> " +
" <option value='QTY_'>其他</option> <option value='KCBJ_'>扣病事假</option> <option value='YLJ_'>养老金</option>" +
" <option value='YBJ_'>医保金</option> <option value='SBJ_'>失保金</option> <option value='GJJ_'>公积金</option> " +
"<option value='QT_'>其他</option> <option value='GTS_'>个调税</option> </select></td>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><input type='text' maxlength = '12' style='width:100%;' class='tdinput' id='inputJBGZ' /></td>";
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;'><input type='text' maxlength = '12' style='width:100%;' class='tdinput' id='inputJiangJ' /></td>"
str += " <td class='tdColInputCenter' style='font-weight: bolder;width:50px;' align='center'><input type='button' style='background:url(../../../images/Button/Button_Change.jpg); width:55px; Height:30px;' onclick =\"AllUpdate('JZZYBF')\" id='JZZYBF' /></td>";
str += " </tr> ";
str += "</table>";
return str;
}
function aa()
{
var a = document.getElementById("cc").scrollTop;
var b = document.getElementById("cc").scrollLeft;
document.getElementById("dd").scrollTop = a;
document.getElementById("hh").scrollLeft = b;
}
function AllUpdate()
{
var select = document.getElementById("SltId").value;
var table = document.getElementById("tblSalaryDetail");
var CountNum = ;
var NowSal = document.getElementById("inputJBGZ").value.Trim();
var ModifedSal = document.getElementById("inputJiangJ").value.Trim();
if (table != null)
{
if (select == "") //默认'请选择'的value值为'0';
{
alert("请选择你需要修改的项目！");
}
else if (NowSal == "" && ModifedSal == "") {
alert("请在对应的位置，输入原工资和修改后的工资！");
}
else if (NowSal == "") {
alert("请输入原工资！");
}
else if (ModifedSal == "") {
alert("请输入修改后的工资！");
}
else
{
//获取表格行数
var tableCount = table.rows.length;
for (var row = ; row < tableCount; row++) {
var rowIndex = table.rows[row - ];
var textinput = rowIndex.getElementsByTagName("input");
for (var i = ; i < textinput.length; i++) {
if (textinput[i].value == NowSal && (textinput[i].id.indexOf(select) > -)
{
textinput[i].value = ModifedSal;
CountNum++;
}
}
CalculateTotalSalary("", row);
}
if (CountNum == ) {
alert("没有找到与你要求相符的数据 ！ \n 请您重新输入进行查找。");
}
}
}
else
{
alert("没有可更新的数据！");
}
}
HTML锁定Table中某一列的更多相关文章
- JavaScript实现获取table中某一列的值
JavaScript实现获取table中某一列的值 1.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...
- JavaScript获取table中某一列的值的方法
1.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
- 合并table中某一列相邻的相同的行
合并table中某一列相邻的相同的行1. [代码]合并table中某一列相邻的相同的行 <!DOCTYPE html><html> <head> ...
- 给table中某一列的文字右对齐
一般来说,没写过jquery的前端人员,肯定是定义一个class,给每一行的那列加上align_r{text-align:right}.这是很麻烦的. 所以用jquery来写,可以$("ta ...
- 关于页面中table中相同的列自动合并
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
- OAF TABLE中添加序号列
在实际的OAF页面TABLE的使用中,会有很多时候需要在前台页面中显示序号,虽然在sql中可以使用rownum来获得序号,但是rounum的优先级比order by 高,所以在语句中order by ...
- 如何让Table中的第一列和第二列的值相乘然后赋值给第三列
因为需求的原因所以这样做,不废话了,直接上代码,我用的GridView绑定的数据,table也一样,因为GridView通过浏览器编译后的代码就是table.下面是aspx页面的Html代码: < ...
- 封装Jquery 合并table中任何同列数据
封装代码: jQuery.fn.rowspan = function (colIdx) { //封装JQuery同列值相同合并小插件 return this.each(function () { va ...
- 锁定TABLE的首行和首列
1. 2. 3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
随机推荐
- dedecms代码研究三
上次,我们从dedecms的index.PHP文件中了解到了很多信息,也提出了一些问题: 1)加载了/include/common.inc.php,里面做了哪些工作? 2)/include/arc.p ...
- 解决PHP在IE中下载文件,中文文件名乱码问题
if( stripos($_SERVER['HTTP_USER_AGENT'], 'MSIE')!==false ) $filename = urlencode( $filename ); // 输入 ...
- information_schema系列二（列，列权限，事件，存储引擎）
这个系列的文章主要是为了能够让自己了解MySQL5.7的一些系统表,统一做一下备注和使用,也希望分享出来让大家能够有一点点的受益. 1:COLUMNS 老规矩.查一下这个表,看一下记录,由于这个是看表 ...
- Scala class的构造方法与继承
有java背景的人,很清楚java是如何定义构造方法以及继承的.在scala里面,继承和java有些相似.但是构造方法的定义,就不大一样了,应该说是差别还是很大的.在java里面,定义构造方法,就是定 ...
- 生产者消费者模式--阻塞队列--LOCK,Condition--线程池
1.阻塞队列:http://www.cnblogs.com/dolphin0520/p/3932906.html 2.Condition 生产者消费者实现 :http://www.cnblogs.co ...
- 关于CacheLookup一个有趣的问题
今天写一个与其他系统进行物料同步的接口,通过COM Business Connector调用Axapta3.0的方法将数据插入到物料表中,中间发生异常,事务回滚,再次调用的时候提示刚刚发生异常的物料已 ...
- 实现textarea限制输入字数（包含中文只能输入10个，全ASCII码能够输入20个）
document.getElementById("<%=textBox1.ClientID %>").value 实现textarea限制输入字数(包含中文只能输入10 ...
- Java值传递和引用传递详细解说
前天在做系统的时候被Java中参数传递问题卡了一下,回头查阅了相关的资料,对参数传递问题有了新的了解和掌握,但是有个问题感觉还是很模糊,就是 Java中到底是否只存在值传递,因为在查阅资料时,经常看到 ...
- WCF第二天
消息 : 消息是一个独立的数据单元,它可能由几个部分组成,包括消息正文和消息头. 服务 : 服务是一个构造,它公开一个或多个终结点,其中每个终结点都公开一个或多个服务操作. 终结点 ...
- 学习Spring必学的Java基础知识
[1] Java反射知识-->Spring IoC :http://www.iteye.com/topic/1123081 [2] Java动态代理-->Spring AOP :http: ...