how to create dynamic checkbox using jquery

Deepak Awashti

10y4.1k.NET

1. Generate .....

Textbox generate then attach checkbox in all generated textbox

2. Calculation...

Total 6 textbox and chk box generated and fill the value in all textbox but checkbox check only 3 textbox then sum button click calculate only checked textbox value and display in total ...

please help me ....

my textbox generated code and Calculate value using without Checkbox ..

--------------------------------Code----------------------------------------

Rows:

Columns:

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

please provide textbox and checkbox code and sum value only checked textbox

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Deepak Awashti10y ago
Any buddy please help me....
0
Deepak Awashti10y ago
My page
0
Deepak Awashti10y ago
sir ,
this line mension in Show button then value put in Row 2 or more but generate only one row
this is first problem

and second is Sum button mension table ID in tr but tr is not work in proper

and this line calculate the value of 2 or more textbox value but your code is not mension in this line then not sum in values ....
Total = Total + parseInt($t.val(),10);
0
Upendra Pratap Shahi10y ago
$("#btnshow").click(function (){
var rows = $("#txtRows").val();
var columns = $("#txtColumns").val();
var htmlData = "";
for (var i = 0; i < rows; i++)
{
htmlData = "";
for (var j = 0; j < columns; j++)
{
htmlData += "";
}
htmlData += "";
}
$("#tblGnrate").html(htmlData);
});
0
Manas Mohapatra10y ago
I provided correct logic code. Just analyse where it is creating problem.

As I told put an alert box everywhere to catch the issue where it is creating problem(at which line).
0
Manas Mohapatra10y ago
Put alert box and check where it is creating problem.
0
Deepak Awashti10y ago
Sir textbox and checkbox is generated but

sum button code is not working
fill the value in all textbox and checkbox cheched true but value is not calcaluated

// Calculating sum of textbox values
$("#btnsum").click(function (){
var totalSum = 0;

$('#dynamicDiv:tr').each(function(){
var tempID = $(this).attr("id"); // 01, 11, 10 etc..
if($(this).find("#chkBox"+ tempID).prop("checked") == true){
alert("Checkbox is checked.");
totalSum = totalSum + $(this).find("#chkBox"+ tempID).val();
}
});
alert(totalSum);
});

0
Manas Mohapatra10y ago
Try with below code:

// Calculating sum of textbox values
$("#btnsum").click(function (){
   var totalSum = 0;

   $('#dynamicDiv:tr').each(function(){
   var tempID = $(this).attr("id"); // 01, 11, 10 etc..
   if($(this).find("#chkBox"+ tempID).prop("checked") == true){
      alert("Checkbox is checked.");
      totalSum = totalSum + $(this).find("#chkBox"+ tempID).val();
   }
   });
alert(totalSum);
});

// Generating textboxes and checkboxes
$("#btnshow").click(function (){
   var rows = $("#txtRows").val();
   var columns = $("#txtColumns").val();
   var htmlData = "";
   for (var i = 0; i < rows; i++)
   {
   htmlData = "";
   for (var j = 0; j < columns; j++)
   {
      htmlData += "";
   }
   htmlData += "";
   }
   $("#tblGnrate").html(htmlData);
});
0