Checkbox values in a table needed?

[RevPhil]

I am trying to get the values per row per checkboxlist. Here is my code... any help would be great.

$pages =  "4";
$size = "4"; 

    print '<form id="myform" name="form1">';
    print '<div id="editions" style=" width:800px; height:500px; overflow:auto">';
    print '<h2>Select Editions</h2>';
    print "<table id='mytable' name='table1' border=1 cellpadding=7 width=50% height=50% align='center'>\n";
    print '<tr>';
    print '<th>Page - Editions</th>';
    print '</tr>';
      for($x = 1; $x <= $pages; $x++) :
        print "<td id='page_$x' class='page_button' align='center' >Page $x -";
          for($i = 1; $i <= $size; $i++) :
            print "<input type='checkbox' class='ebutton' id='etype_$x' name='checks[]' value='0$i' /> 0$i";
          endfor;
        print "</td>";
        print '</tr>';
      endfor;
    print '</div>';
    print '</form>'; 

  $(document).ready(function() {
    $(".ebutton").click(function() {

    var idp = $(this).attr("id").split("_");
    var page_num = idp[1];
    var hidden_id = "#etype_page_" + page_num;

    var ins = document.getElementsByTagName('input');
    var i;
    var j=0;
    var editions= new Array();
    for(i=0;i<ins.length;i++) {
    if(ins[i].type=="checkbox")
      editions[j]=ins[i].value;
      j++;
    }
    alert(editions);

     if($(hidden_id).length < 1) {
       $("#base").append('<input type="hidden" id="etype_page_'+ page_num +'" name="'+ page_num +'"  value="'+ editions +'" class="hidden_edtype" custom="' + editions +'">');
     } else {
       $(hidden_id).val($(this).val());
     }
       update_eShow();
     });
  });

  function update_eShow() {
    $("#eShow").html('');
    $(".hidden_edtype").each(function() {
      var page = $(this).attr("name");
      var value = $(this).attr("custom");
      <!--var value = $(this).val();-->
      $("#eShow").append('page:' + page + ' values:' + value +'<br>');
    });
  }

If you need more information please let me know. Also this is a popup window so i am trying to use Javascript to get the values and pass them to another page at runtime.

Thanks,
Rev Phil

[RevPhil]

I have created a Fiddle page that has the problem in it if anyone can assist. Its an HTML table with 2 rows of checkboxes. I need to get the checked data per row, and all I can figure out is how to get all checked values... Here is the link if someone can assist: http://jsfiddle.net/RevPhil/yqh3x/

[RevPhil]

I modified the id on the PHP to this...

print "<input type='checkbox' class='ebutton' id='etype_[$x]' name='checks[]' value='0$i' /> 0$i";

and the java to:

 
 $(document).ready(function() {
    $(".ebutton").click(function() {

    var idp = $(this).attr("id").split("_");
    var page_num = idp[1];

// get editions checked /
   var editions='';
   document.getElementById("editions").style.visibility="visible";
   var elements = document.getElementById("myform").elements;
   for(var i=0; i< elements.length;i++){
      if(elements[i].type == 'checkbox' && elements[i].checked)
         editions = elements[i].value ;
   }

      var hidden_id = "#etype_page_" + page_num;
      page_num = page_num.replace(/[\[\]']+/g,''); //remove brackets
      if($(hidden_id).length < 1) {
        $("#base").append('<input type="hidden" id="etype_page_'+ page_num +'" name="'+ page_num +'"  value="'+ editions +'" class="hidden_edtype" custom="' + editions +'">');
      }else{
        $(hidden_id).val($(this).val());
      }

      update_eShow();
    });
  });

  function update_eShow() {
    $("#eShow").html('');
    $(".hidden_edtype").each(function() {
      var page = $(this).attr("name");
      var value = $(this).attr("custom");
      $("#eShow").append('page:' + page + ' value:' + value +'<br>');
    });
  }

My results are now:
page:1 value:01
page:1 value:02
page:2 value:01
page:2 value:02

How can I combine the like pages and values to read
page:1 value:01,02
page:2 value:01,02