文本框在javascript中离开事件 [英] Textbox leave event in javascript

问题描述

我在mvc4中使用javascript动态创建行。我必须计算每行最后一个文本框的总和。当我离开每个动态创建的最后一个文本框时行无论我从文本框输入或离开的值，我必须在静态文本框中显示动态文本框的值或值的总和。



请帮助我在这个。



我尝试了什么：



我工作过使用javascript动态添加行。

Hi,
I am creating rows dynamically in mvc4 using javascript.Here I have to calculate the sum of each last textbox of every row.means when I am leaving the last textbox of each dynamically created rows whatever the value I am entering or leaving from the textbox I have to show the value or sum of the values of dynamic textboxes in a static textbox.

Please help me on this.

What I have tried:

I worked on dynamically added rows using javascript.

推荐答案

function addRow（tableID）{

// debugger;行;

var table = document.getElementById（tableID）;

var rowCount = table.rows.length;

row = table.insertRow （rowCount）;



if（rowCount> 10）{

alert（请添加最多10行）;

}

else {

row.id ='id'+ row_id;

row_id ++;

var cell1 = row.insertCell（0）;

var element1 = document.createElement（input）;

element1.type =checkbox;

element1.name =chkbox [];

element1.id =Chk+ chkID;

cell1.appendChild（element1）;



var cell2 = row.insertCell（1）;

var element2 = document.createElement（input）;

element2.type =text;

element2.name =txtbox;

element2.id =Text+ controlID;

// element2.value = lblValue;

element2.setAttribute（style，width：30px ）;

element2.setAttribute（onfocusout，return sumExtendPrice（）;）;



element2.addEventListener（onfocusout ，返回sumExtendPrice（）;）;

// element2.attributes.Add（onfocusout，return sumExtendPrice（））;

controlID ++; < br $>
// lblValue ++

cell2.appendChild（element2）;



var cell3 = row.insertCell（2） ;

var element3 = document.createElement（input）;

element3.type =text;

element3.name = txtbox;

// element2.id =Text+ controlID;

element3.id =Text+ controlID;

controlID ++ ;

cell3.appendChild（element3）;



var cell4 = row.insertCell（3）;

var element4 = document.createElement（输入）;

element4.type =text;

element4.name =txtbox;

element4.id =Text + controlID;

controlID ++;

cell4.appendChild（element4）;



var cell5 = row.insertCell （4）;

var element5 = document.createElement（input）;

element5.type =text;

element5。 name =txtbox;

element5.id =Text+ controlID;

controlID ++;

cell5.appendChild（element5）;



var cell6 = row.insertCell（5）;

var element6 = document.createElement（input）;

element6.type =text;

element6.name =txtbox;

element6.id =Text+ controlID;

controlID ++;

cell6.appendChild（element6） ;



var cell7 = row.insertCell（6）;

var element7 = document.createElement（input）;

element7.type =text;

element7.name =txtbox;

element7.id =Text+ controlID;

controlID ++;

cell7.appendChild（element7）;

// sumPrice = sumPrice + document.getElementById（element7）。value;

}



}



对于此代码，我必须生成离开事件和需要将所有动态文本框值的总和添加到一个文本框中？

function addRow(tableID) {
// debugger; row;
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
row = table.insertRow(rowCount);

if (rowCount > 10) {
alert("Please Add Maximum of 10 Rows");
}
else {
row.id = 'id' + row_id;
row_id++;
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
element1.name = "chkbox[]";
element1.id = "Chk" + chkID;
cell1.appendChild(element1);

var cell2 = row.insertCell(1);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "txtbox";
element2.id = "Text" + controlID;
// element2.value = lblValue;
element2.setAttribute("style", "width:30px");
element2.setAttribute("onfocusout", "return sumExtendPrice();");

element2.addEventListener("onfocusout", "return sumExtendPrice();");
// element2.attributes.Add("onfocusout", "return sumExtendPrice()");
controlID++;
// lblValue++
cell2.appendChild(element2);

var cell3 = row.insertCell(2);
var element3 = document.createElement("input");
element3.type = "text";
element3.name = "txtbox";
// element2.id = "Text" + controlID;
element3.id = "Text" + controlID;
controlID++;
cell3.appendChild(element3);

var cell4 = row.insertCell(3);
var element4 = document.createElement("input");
element4.type = "text";
element4.name = "txtbox";
element4.id = "Text" + controlID;
controlID++;
cell4.appendChild(element4);

var cell5 = row.insertCell(4);
var element5 = document.createElement("input");
element5.type = "text";
element5.name = "txtbox";
element5.id = "Text" + controlID;
controlID++;
cell5.appendChild(element5);

var cell6 = row.insertCell(5);
var element6 = document.createElement("input");
element6.type = "text";
element6.name = "txtbox";
element6.id = "Text" + controlID;
controlID++;
cell6.appendChild(element6);

var cell7 = row.insertCell(6);
var element7 = document.createElement("input");
element7.type = "text";
element7.name = "txtbox";
element7.id = "Text" + controlID;
controlID++;
cell7.appendChild(element7);
// sumPrice = sumPrice + document.getElementById("element7").value;
}

}

For this code I have to genearate leave event and need to add sum for all the dynamic textboxes values into one textbox?

这篇关于文本框在javascript中离开事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！