How to get the dynamically created text box value in jsp using jquery javascript

Question

I am using code in Javascript like below:

newTextBoxDiv.html('<td border="2">'+number+'</td>'
+'<td>'+grouptext+'</td>'
+'<td style="display:none">'+groupVal+'</td>'+'<td>'+itemText+'</td>'
+'<td style="display:none">'+itemId+'</td>'+'<td>'
+cuttingText+'</td>'+'<td style="display:none">'
+cuttingId+'</td>'+'<td><input type="text"
 class="ui-state-default ui-corner-all" size="6" name="textbox' 
+ counter +'" id="textbox' + counter + '" value="" size="13" ></td>'
+'<td><input type="checkbox" name="samples"/></td>'
+'<td><input type="text" class="ui-state-default
 ui-corner-all" size="8" name="textbox' + counter 
+'" id="textbox1' + counter + '" value="" size="13" >');
newTextBoxDiv.appendTo("#example");

My problem is that when I click on each row I need to get a text box value.

Answer 1

You can catch the click event on a table row, then use find to find the textbox among the table row's descendants:

$("tr").click(function() {
    var value = $(this).find("input[type='text']").val();
});

EDIT

Per your comment, if it's a checkbox, and you presumably want to see if it's checked:

$("tr").click(function() {
    var isChecked = $(this).find("input[type='checked']").is(":checked");
});