Get value from table with different element using jquery

Get value from table with different element using jquery

    Hi All ,
          
          I am newbie for JQuery and i encounter a problem that tooks me so long , so that i try and get some help from you guys. below codes are my HTML codes and my problem is i have different element inside table.
    i have checkbox , textbox , button inside my table . my question are how can i compute the value from default value if the user put a value in textbox ones user click the submit button and check the checkbox. help me guys please .. Thank you :)





    4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    5. <html xmlns="http://www.w3.org/1999/xhtml">
    6. <head>
    7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    8. <style type="text/css">
    9. .table_cls {
    10. width:100%;
    11. }
    13. .tr_cls {
    14. width:20%;
    15. align:center;
    16. }
    18. .td_cls{
    19.  width:20%;
    20.  align:center;
    21. }
    23. </style>
    24. <title>Tables</title>
    25. </head>
    26. <body>
    28.  <table class="table_cls"  border="1";>
    29.   <thead>
    30.   <tr class="tr_cls">
    31.     <td class="td_cls">Checkbox</td>
    32.     <td class="td_cls">Value</td>
    33.     <td class="td_cls">Textbox</td>
    34.     <td class="td_cls">Operators</td>
    35.     <td class="td_cls">Button</td>
    36.   </tr>
    37.   </thead>
    38.   
    39. <tbody>
    40.   <tr class="tr_cls">
    41.     <td class="td_cls"><input type="checkbox"/></td>
    42.     <td class="td_cls">5</td>
    43.     <td class="td_cls"><input type="text" /></td>
    44.     <td class="td_cls"><select>
    45.     <option>+</option>
    46.         <option>-</option>
    47.         <option>/</option>
    48.         <option>*</option>
    49.     </select></td>
    50.     <td class="td_cls"><input type="button"  value="Submit" /></td>
    51.   </tr>
    52.   
    53.   <tr class="tr_cls">
    54.     <td class="td_cls"><input type="checkbox"/></td>
    55.     <td class="td_cls">4</td>
    56.     <td class="td_cls"><input type="text" /></td>
    57.     <td class="td_cls"><select>
    58.     <option>+</option>
    59.         <option>-</option>
    60.         <option>/</option>
    61.         <option>*</option>
    62.     </select></td>
    63.     <td class="td_cls"><input type="button" value="Submit"  /></td>
    64.  </tr>
    65.  
    66.  <tr class="tr_cls">
    67.     <td class="td_cls"><input type="checkbox"/></td>
    68.     <td class="td_cls">6</td>
    69.     <td class="td_cls"><input type="text" /></td>
    70.     <td class="td_cls"><select>
    71.     <option>+</option>
    72.         <option>-</option>
    73.         <option>/</option>
    74.         <option>*</option>
    75.     </select></td>
    76.     <td class="td_cls"><input type="button" value="Submit"  /></td>
    77.   </tr>
    78.   
    79. <tr class="tr_cls">
    80.     <td class="td_cls"><input type="checkbox"/></td>
    81.     <td class="td_cls">8</td>
    82.     <td class="td_cls"><input type="text" /></td>
    83.     <td class="td_cls"><select>
    84.     <option>+</option>
    85.         <option>-</option>
    86.         <option>/</option>
    87.         <option>*</option>
    88.     </select></td>
    89.     <td class="td_cls"><input type="button" value="Submit" /></td>
    90.   </tr>
    91.  <tbody>
    92. </table>

    94. </body>
    95. </html>