943,929 Members | Top Members by Rank

Ad:
Nov 11th, 2008
0

Checkbox Help

Expand Post »
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  1.  
  2. <html>
  3. <head>
  4. <script language=javascript>
  5. function updateopen()
  6. {
  7. var c_value = "";
  8. var cb = document.getres.checkbox;
  9. for (var i=0; i < cb.length ; i++)
  10. {
  11. if (document.getres.checkbox[i].checked)
  12. {
  13. c_value = c_value + document.getres.checkbox[i].value + "\n";
  14. }
  15. }
  16. alert(c_value);
  17. //window.opener.document.getElementbyId(numbe33).value = c_value
  18. //window.close();
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. <?
  24. echo '<form name="getres" id="getres">
  25. <p align=center><table border=1 cellpadding=3 cellspacing=0><tr>
  26. <th width=100px valign=bottom nowrap>
  27. <font face=arial size=3><br> Item Number</font></th>
  28. <th colspan=2 widht=200px valign=bottom nowrap><font face=arial size=3><br> Item Name </font></th></tr>';
  29.  
  30. for ($g=0;$g < sizeof($a); $g++)
  31. {
  32. echo '<tr><td align=middle name=number[] id=number nowrap><font size=2>'.$a[$g].'&nbsp;</font></td>';
  33. echo '<td align=middle name=itname[] id=itname nowrap><font size=2>'.$b[$g].'&nbsp;</font></td>';
  34. echo '<td><input type=checkbox name=checkbox[] value='.$a[$g].'></td></tr>';
  35. }
  36. echo '</table><br>';
  37. echo '<input type=button value=go onClick="updateopen()"></p>';
  38.  
  39. echo '</form></body></html>';
  40. }
  41. include('Spec_dbclose.i');
  42. ?>

it gives me "cb is undefined" error dont know what is wrong ?????????
Similar Threads
Reputation Points: 10
Solved Threads: 0
Newbie Poster
farahphp is offline Offline
14 posts
since Mar 2008
Nov 19th, 2008
0

Re: Checkbox Help

Here is a new function that actually loops through the checkboxes:

Javascript Syntax (Toggle Plain Text)
  1. function updateopen() {
  2. var c_value = "";
  3. var cb = document.getres.checkbox;
  4.  
  5. for (var i=0; i < document.getres.length ; i++) {
  6. if (document.myForm[i].type=="checkbox" && document.getres.checkbox[i].checked) {
  7. c_value += document.getres.checkbox[i].value + "\n";
  8. };
  9. };
  10.  
  11. alert(c_value);
  12. //window.opener.document.getElementbyId(numbe33).value = c_value
  13. //window.close();
  14. }
Reputation Points: 25
Solved Threads: 7
Junior Poster
Drew is offline Offline
166 posts
since Apr 2004
Nov 21st, 2008
0

Re: Checkbox Help

Click to Expand / Collapse  Quote originally posted by farahphp ...
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  1.  
  2. <html>
  3. <head>
  4. <script language=javascript>
  5. function updateopen()
  6. {
  7. var c_value = "";
  8. var cb = document.getres.checkbox;
  9. for (var i=0; i < cb.length ; i++)
  10. {
  11. if (document.getres.checkbox[i].checked)
  12. {
  13. c_value = c_value + document.getres.checkbox[i].value + "\n";
  14. }
  15. }
  16. alert(c_value);
  17. //window.opener.document.getElementbyId(numbe33).value = c_value
  18. //window.close();
  19. }
  20. </script>
  21. </head>
  22. <body>
  23. <?
  24. echo '<form name="getres" id="getres">
  25. <p align=center><table border=1 cellpadding=3 cellspacing=0><tr>
  26. <th width=100px valign=bottom nowrap>
  27. <font face=arial size=3><br> Item Number</font></th>
  28. <th colspan=2 widht=200px valign=bottom nowrap><font face=arial size=3><br> Item Name </font></th></tr>';
  29.  
  30. for ($g=0;$g < sizeof($a); $g++)
  31. {
  32. echo '<tr><td align=middle name=number[] id=number nowrap><font size=2>'.$a[$g].'&nbsp;</font></td>';
  33. echo '<td align=middle name=itname[] id=itname nowrap><font size=2>'.$b[$g].'&nbsp;</font></td>';
  34. echo '<td><input type=checkbox name=checkbox[] value='.$a[$g].'></td></tr>';
  35. }
  36. echo '</table><br>';
  37. echo '<input type=button value=go onClick="updateopen()"></p>';
  38.  
  39. echo '</form></body></html>';
  40. }
  41. include('Spec_dbclose.i');
  42. ?>

it gives me "cb is undefined" error dont know what is wrong ?????????

"cb is undefined"

Your problem is document.getres.checkbox is not giving you a list of checkboxes.
Instead I suggest you to loop through the rows of of the <Table> where you have placed your chekcboxes.
What you have to do
Assign an ID to the TABLE (<TABLE id = "holder">)

and below is your updated function:
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  1. function updateopen()
  2. {
  3. var c_value = "";
  4. var cb = document.getElementsByName('checkbox');
  5. var tbl = document.getElementById("holder");//This will get u the Table
  6. var tbody = tbl.childNodes[0];//This will get u the TBODY tag
  7. var rows = tbody.childNodes;//This will get u the list of all the Rows in the TABLE
  8. //alert(tbl.childNodes[0].tagName);
  9.  
  10. //for (var i=0; i < cb.length ; i++)
  11. for (var i=1; i < rows.length ; i++)//We start from i=1 not 0 because the first row dows not contain checkboxes
  12. {
  13. // if (document.getres.checkbox[i].checked)
  14. if(rows[i].childNodes[2].childNodes[0].checked)
  15. {
  16. //c_value = c_value + document.getres.checkbox[i].value + "\n";
  17. c_value = c_value + rows[i].childNodes[2].childNodes[0].value + "\n";
  18. }
  19. }
  20. alert(c_value);
  21. //window.opener.document.getElementbyId(numbe33).value = c_value
  22. //window.close();
  23. }

Regards ...
Reputation Points: 10
Solved Threads: 3
Newbie Poster
sasankasekhar is offline Offline
24 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Converting document.writeln output to textarea box
Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Please help me





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC