Dynamic Generate TextBox Using Jquery

Question

Dynamic Generate TextBox Using Jquery then display generated textbox then fill the value and button click sum all value and display help me pls give me code ......

Francis · Answer

I have added the logic as you required, try the below code: https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> > $(document).ready(function () { $("#btnshow").click(function () { var rows = $("#txtRows").val(); var columns = $("#txtColumns").val(); var htmlData = ""; for (var i = 0; i htmlData += " "; for (var j = 0; j htmlData += " " } htmlData += " "; } $("#tblGnrate").html(htmlData); }); // This is the logic which loop thru the table and sum up all the text box values var intTotal = 0; $("#btngetvalue").click(function () { // Loop thru the table row $('#tblGnrate tr').each(function (i, row) { // Extract total text boxes in a row var $row = $(row), $txtbox = $row.find('input[name*="txtRandValue"]'); // Loop the text boxes $txtbox.each(function (i, txtbox) { var $t = $(txtbox); // check for empty or not a number if (!isNaN($t.val()) && $t.val() !="") { intTotal = intTotal + parseInt($t.val(), 10); } }); }); // Print the total alert(intTotal); }); }); Rows: Columns:               Hope this helps!

Francis · Answer

why are used in 10 value and " parseInt " function... That is the "radix" parameter, denotes which numerical system we are using. In normal cases we are using decimal system. So 10 has been used. That's all! http://www.w3schools.com/jsref/jsref_parseint.asp Hope this helps!

Deepak Awashti · Answer

----- francis sir one dought-- intTotal=intTotal + parseInt($t.val(), 10); why are used in 10 value and " parseInt " function... help me sir..

Francis · Answer

You are most welcome! Happy to help! :)

Deepak Awashti · Answer

---- Thanku Francis Sir , U r code is correct

Vinodh Narayanan · Answer

Follow this link hope it will be helpfull http://www.coderzheaven.com/2013/09/04/creating-dynamic-table-rows-colums-jquery-removing-one/ "Please mark if accepted as a answer" Regards Vinodh N

Vinodh Narayanan · Answer

Dear Deepak Please let me know whats the problem you facing now Regards Vinodh N

Deepak Awashti · Answer

-------------------------------------- Generate Auto TextBox Code ----- ----------------------------- $(document).ready(function () { $("#btnshow").click(function () { var rows = $("#txtRows").val(); var columns = $("#txtColumns").val(); var htmlData = ""; for (var i = 0; i { htmlData += " "; for (var j = 0; j { htmlData += " " } htmlData += " "; } $("#tblGnrate").html(htmlData); }); }); Rows: Columns:               -------------------------- Pls Give Me Sum Button Code --------------------- pls help me Any One

Dynamic Generate TextBox Using Jquery

Answers (8)