JS 生成的行 里边 每列都有文本框，如何实现每行的 单价*数量=总金额

w915 2011-05-22 12:26:54
JS 生成的行 里边 每列都有文本框，如何实现每行的 单价*数量=总金额 目前行插入实现了，如何获得当前行的 文本框值，用于计算， 鼠标点击事件！



 var i = parseInt(document.getElementById("rowindex").value);

     //alert(document.getElementById("rowindex").value);

     var name = i + "";

        var row = document.createElement("tr");

        row.setAttribute("id", name);

        row.style.background = "#FFFFCC";

        row.style.height = 25;

        row.style.textAlign = "center";

       

        var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "1");

        inputText.setAttribute("name", "ii");

        inputText.setAttribute("value", ii);

		//inputText.setAttribute("runat", "server");

        cell.appendChild(inputText);

        row.appendChild(cell);
...全文
76 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
w915 2011-05-22
  • 打赏
  • 举报
 回复
高手 吃饭去了吗？？？
ggxxkkll1 2011-05-22
  • 打赏
  • 举报
 回复
luguo
w915 2011-05-22
  • 打赏
  • 举报
 回复
已经解决了






	

    function addrow(v1,v2,v3,v4,v5,v6,v7,v8,v9,v10,v11,v12,v13,v14) 

    { 

	 

	

     var i = parseInt(document.getElementById("rowindex").value);

     //alert(document.getElementById("rowindex").value);

     var name = i + "";

	// var 

        var row = document.createElement("tr");

        row.setAttribute("id", name);

        row.style.background = "#FFFFCC";

        row.style.height = 25;

        row.style.textAlign = "center";

       

        var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "1");

        inputText.setAttribute("name", "ii");

        inputText.setAttribute("value", i+1);

		//inputText.setAttribute("runat", "server");

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "12");

        inputText.setAttribute("name", "pname");

        inputText.setAttribute("value", v13);

		//inputText.setAttribute("runat", "server");

        cell.appendChild(inputText);

        row.appendChild(cell);

		

				var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "6");

        inputText.setAttribute("name", "codes");

        inputText.setAttribute("value", v1);

		//inputText.setAttribute("runat", "server");

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "6");

        inputText.setAttribute("name", "ccode");

        inputText.setAttribute("value", v2);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "3");

        inputText.setAttribute("name", "nums"+i);

		inputText.setAttribute("id", "nums"+name);

        inputText.setAttribute("value", v3);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "6");

        inputText.setAttribute("name", "bprice");

		inputText.setAttribute("id", "bprice"+name);

        inputText.setAttribute("value", v4);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "6");

        inputText.setAttribute("name", "jine");

		inputText.setAttribute("id", "jine"+name);

        inputText.setAttribute("value", v5);

		//inputText.setAttribute("onclick", "javascript:sum('nums+')");

		inputText.onclick = function (){ sums(name); };

        cell.appendChild(inputText);

        row.appendChild(cell);

        

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "6");

        inputText.setAttribute("name", "fprice1");

        inputText.setAttribute("value", v6);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "6");

        inputText.setAttribute("name", "fjine1");

        inputText.setAttribute("value", v7);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "3");

        inputText.setAttribute("name", "num");

        inputText.setAttribute("value", v8);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "3");

        inputText.setAttribute("name", "numf1");

        inputText.setAttribute("value", v9);

        cell.appendChild(inputText);

        row.appendChild(cell);



		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "6");

        inputText.setAttribute("name", "depot");

        inputText.setAttribute("value", v10);

        cell.appendChild(inputText);

        row.appendChild(cell);		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "3");

        inputText.setAttribute("name", "weight");

        inputText.setAttribute("value", v11);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "3");

        inputText.setAttribute("name", "pack");

        inputText.setAttribute("value", v12);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

		var cell = document.createElement("td");

        //cell.appendChild(document.createTextNode(name));

        var inputText = document.createElement("input");

        inputText.setAttribute("type", "text");

		 inputText.setAttribute("size", "3");

        inputText.setAttribute("name", "recode");

        inputText.setAttribute("value", v14);

        cell.appendChild(inputText);

        row.appendChild(cell);

		

        var deleteButton = document.createElement("input");

        deleteButton.setAttribute("type", "button");

        deleteButton.setAttribute("value", "删");

        deleteButton.onclick = function (){ deleterow(name); };

        cell = document.createElement("td");

        cell.appendChild(deleteButton);

        row.appendChild(cell);

        

        

        i = i ++;

        document.getElementById("sortList").appendChild(row);

        //document.getElementById("add").value = "";

        document.getElementById("rowindex").value = i + 1 + "";

     }



    //删除行

    function deleterow(id)

    {

        if (id!=null)

        {

            var rowToDelete = document.getElementById(id);

            var sortList = document.getElementById("sortList");

            sortList.removeChild(rowToDelete);

        }

    }

	

  function  sums(x)

  {

   //var rs = document.getElementById(x).value;

    { 

	// alert(x);

	 document.getElementById("jine"+x).value=(document.getElementById("nums"+x).value)*(document.getElementById("bprice"+x).value);

    }

	

  }
Web页中类似SQLServer中打开表后直接输入数据功能,并回车添加新行
就像SQLServer里打开某张表直接在里面输入数据，在上面输入数据下面又自动生成新的一行 在最后一个文本框输入完成后按回车可可生成新行，并异步提交本行新增的数据，默认三列都不允许为空 解决了之前不兼容FF的问题， 有意见或建议可以EMail给我：yangguangmail@qq.com
vue中iview-table中行和列由数据动态生成,并且每列都需要使用复选框(使用iview-table的selection属性无法完成列的单独控制)
iview-table中每列都使用复选框CheckBox使用组件说明使用场景说明代码效果具体实现1.通过数据动态生成表格(每列生成checkbox)2.实现每个复选框的选择和取消选择3.实现每列的全选和取消全选功能4.清理没有选择的数据总结 使用组件说明 Vue:https://cn.vuejs.org/v2/guide/ iview:https://www.iviewui.com/compone...
给定 n×n 的实数矩阵，每行和每列都是递增的，求这 n^2 个数的中位数。
#define COL 4 #define ROW 4 int findMedian(int matrix[][COL], int row, int col) { int* arr = new int[row]; memset(arr, 0, sizeof(int) * row); for (int i = 0; i < row; ++i) { int mid1 = matrix[i
vue实现输入行和列生成表格
vue实现输入行和列生成表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widtd=device-widtd, initial-scale=1.0"> <title>vue实现输入行和列生成表格</title> <script src="..
OTN网络技术—(OTUk、ODUk、OPUk)OTN速率解析
以ODU标称速率系数为例ODU的字节=3824*4，整个OTU字节=4080*4，所以ODU作为净荷数据占整个OTU的字节比例为3824*4/4080*4=239*16/255*16=239/255即ODU净荷占比为。OTU帧中使用的前向纠错码是里德-所罗门(RS码)，RS码最多可以劫争8个字节的误码，或最多检测出16个字节的误码，RS码与OTU帧的字节间插相结合，最多可以纠正每个OTU帧行128个连续字节的错误。......
JavaScript

87,915

社区成员

224,619

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章