title: Pass selected checkboxes from popup window to text input on a dynamic table
body: <p>I have a dynamic table the user add's rows to by clicking the Add row button. In the row i have a button 'Select Scope' that opens a new window full of checkbox's I'm trying to get all of the selected checkbox's values to post to a text input in the dynamic table from the parent page. <a href="http://i.stack.imgur.com/8hazS.jpg" rel="nofollow">Dynamic Table Pic</a><a href="http://i.stack.imgur.com/E2AfW.jpg" rel="nofollow">Select Scope Pic</a> I know that this is possible just using javascript and I feel like I am on the right track from everything that I have read. For whatever reason though it's not passing the checkbox values back to the text input. </p>
  
  <p><strong>Parent Page Code</strong></p>
  
  <pre><code>&lt;h2&gt;Please fill in the information below&lt;/h2&gt;
          &lt;form action="pmUnitCreate.php" method="post"&gt;
              &lt;p&gt;Click the Add button to add a new row. Click the Delete button to Delete last row.&lt;/p&gt;
  
              &lt;input type="button" id="btnAdd" class="button-add" onClick="addRow('myTable')" value="Add"/&gt;
               &lt;input type="button" id="btnDelete" class="button-delete" onClick="deleteRow('myTable')" value="Delete"/&gt;
  
  
  
              &lt;br&gt;
  
              &lt;table id="myTable" class="form"&gt;
  
                   &lt;tr id="heading"&gt;
                  &lt;th&gt;&lt;b&gt;&lt;font size="4"&gt;Job Number&lt;/font&gt;&lt;/b&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;b&gt;&lt;font size="4"&gt;Unit Number&lt;/font&gt;&lt;/b&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;b&gt;&lt;font size="4"&gt;Job Code&lt;/font&gt;&lt;/b&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;b&gt;&lt;font size="4"&gt;Model Number&lt;/font&gt;&lt;/b&gt;&lt;/th&gt;
                  &lt;th&gt;&lt;b&gt;&lt;font size="4"&gt;Scope&lt;/font&gt;&lt;/b&gt;&lt;/th&gt;
                  &lt;/tr&gt;   
  
                  &lt;tr id="tableRow"&gt;
                      &lt;td&gt;
                          &lt;input type="text" name="JobNumber[]" value="&lt;?php echo $JobNumber;?&gt;" readonly&gt;
                      &lt;/td&gt;
  
                      &lt;td&gt;
                          &lt;input type="text" name="UnitID[]" value="&lt;?php echo $JobNumber;?&gt;-01" readonly&gt;
                      &lt;/td&gt;
  
                      &lt;td&gt;
                          &lt;select name="JobCode[]" style="background-color:#FFE68C" required&gt;
                              &lt;option&gt;&lt;/option&gt;
                              &lt;option&gt;F&lt;/option&gt;
                              &lt;option&gt;FS&lt;/option&gt;
                              &lt;option&gt;PD&lt;/option&gt;
                              &lt;/select&gt;
                      &lt;/td&gt;
  
                      &lt;td&gt;
                          &lt;input type="text" name="ModelNumber[]" style="background-color:#FFE68C" required&gt;
                      &lt;/td&gt;
  
          &lt;td&gt;
              &lt;button onclick="ScopeFunction()"&gt;Select Scope&lt;/button&gt;
              &lt;input type"text" name="Scope[]" style="background-color:#FFE68C"&gt;
  
          &lt;/td&gt;
  
                 &lt;/tr&gt;
  
              &lt;/table&gt;
  
  
              &lt;script&gt;
  
  function incrementUnitId(unitId) {
      var arr = unitId.split('-');
      if (arr.length === 1) {return;} // The unit id is not valid;
      var number = parseInt(arr[1]) + 1;
      return arr[0] + '-' + (number &lt; 10 ? 0 : '') + number;
      }
  
  function addRow() {                
      var row = document.getElementById("tableRow"); // find row to copy
      var table = document.getElementById("myTable"); // find table to append to
      var clone = row.cloneNode(true); // copy children too
      row.id = "oldRow"; // We want to take the last value inserted
      clone.cells[1].childNodes[1].value = incrementUnitId(clone.cells[1].childNodes[1].value)
      table.appendChild(clone); // add new row to end of table
      }
  
  
  function deleteRow() {
      document.getElementById("myTable").deleteRow(-1);
      }
  
   var popup;
   function SelectScope() {
   window.open("http://fisenusa.net/pm/pmSelectScope.php", "_blank",     "width=550,height=875");
  popup.focus();
   }
  
  
       &lt;/script&gt;
  </code></pre>
  
  <p><strong>EDITED Popup Window Code</strong></p>
  
  <pre><code>        &lt;h1&gt;Select Scope&lt;/h1&gt;
  &lt;h3&gt;Select all that apply&lt;/h3&gt;
          &lt;form name="childForm" id="updateParent();"&gt;
  
          &lt;li&gt;&lt;input type="checkbox" name="S1" value="100OA"/&gt;&lt;font size="4"&gt;100OA&lt;/font&gt;
              &lt;input type="checkbox" name="S2" value="BTank"/&gt;&lt;font size="4"&gt;BTank&lt;/font&gt;
               &lt;input type="checkbox" name="S3" value="WSEcon"/&gt;&lt;font size="4"&gt;WSEcon&lt;/font&gt;
                &lt;input type="checkbox" name="S4" value="NetPkg"/&gt;&lt;font size="4"&gt;NetPkg&lt;/font&gt;
                 &lt;input type="checkbox" name="S5" value="CstmCtrl"/&gt;&lt;font size="4"&gt;CstmCtrl&lt;/font&gt;
                 &lt;br&gt;&lt;br&gt;
                  &lt;li&gt;&lt;input type="checkbox" name="S6" value="CstmRef"/&gt;&lt;font size="4"&gt;CstmRef&lt;/font&gt;
                   &lt;input type="checkbox" name="S7" value="CstmSM"/&gt;&lt;font size="4"&gt;CstmSM&lt;/font&gt;
                    &lt;input type="checkbox" name="S8" value="CstmHV"/&gt;&lt;font size="4"&gt;CstmHV&lt;/font&gt;
                     &lt;input type="checkbox" name="S9" value="CPCTrl"/&gt;&lt;font size="4"&gt;CPCtrl&lt;/font&gt;
                      &lt;input type="checkbox" name="S10" value="DesiHW"/&gt;&lt;font size="4"&gt;DesiHW&lt;/font&gt;
                      &lt;br&gt;&lt;br&gt;
              &lt;li&gt;&lt;input type="checkbox" name="S11" value="DigScroll"/&gt;&lt;font size="4"&gt;DigScroll&lt;/font&gt;
               &lt;input type="checkbox" name="S12" value="DFGas"/&gt;&lt;font size="4"&gt;DFGas&lt;/font&gt;
                &lt;input type="checkbox" name="S13" value="DWall"/&gt;&lt;font size="4"&gt;DWall&lt;/font&gt;
                 &lt;input type="checkbox" name="S14" value="MZ-DD"/&gt;&lt;font size="4"&gt;MZ-DD&lt;/font&gt;
                  &lt;input type="checkbox" name="S15" value="DPP"/&gt;&lt;font size="4"&gt;DPP&lt;/font&gt;
                   &lt;input type="checkbox" name="S16" value="Encl"/&gt;&lt;font size="4"&gt;Encl&lt;/font&gt;
                   &lt;br&gt;&lt;br&gt;
                    &lt;li&gt;&lt;input type="checkbox" name="S17" value="PlateHX"/&gt;&lt;font size="4"&gt;PlateHX&lt;/font&gt;
                     &lt;input type="checkbox" name="S18" value="ERW"/&gt;&lt;font size="4"&gt;ERW&lt;/font&gt;
                      &lt;input type="checkbox" name="S19" value="ERWModule"/&gt;&lt;font size="4"&gt;ERWModule&lt;/font&gt;
                       &lt;input type="checkbox" name="S20" value="ERVMod"/&gt;&lt;font size="4"&gt;ERVMod &lt;/font&gt;
              &lt;input type="checkbox" name="S21" value="EvapBP"/&gt;&lt;font size="4"&gt;EvapBP&lt;/font&gt;
              &lt;br&gt;&lt;br&gt;
               &lt;li&gt;&lt;input type="checkbox" name="S22" value="PreEvap"/&gt;&lt;font size="4"&gt;PreEvap&lt;/font&gt;
                &lt;input type="checkbox" name="S23" value="XP"/&gt;&lt;font size="4"&gt;XP&lt;/font&gt;
                 &lt;input type="checkbox" name="S24" value="Extended"/&gt;&lt;font size="4"&gt;Extend&lt;/font&gt;
                  &lt;input type="checkbox" name="S25" value="FanWall"/&gt;&lt;font size="4"&gt;FanWall&lt;/font&gt;
                   &lt;input type="checkbox" name="S26" value="FillStat"/&gt;&lt;font size="4"&gt;FillStat&lt;/font&gt;
                    &lt;input type="checkbox" name="S27" value="FFilt"/&gt;&lt;font size="4"&gt;FFilt&lt;/font&gt;
                    &lt;br&gt;&lt;br&gt;
                     &lt;li&gt;&lt;input type="checkbox" name="S28" value="PFilt"/&gt;&lt;font size="4"&gt;PFilt&lt;/font&gt;
                      &lt;input type="checkbox" name="S29" value="CarbFilt"/&gt;&lt;font size="4"&gt;CarbFilt&lt;/font&gt;
                       &lt;input type="checkbox" name="S30" value="CustFilt"/&gt;&lt;font size="4"&gt;CustFilt &lt;/font&gt;
              &lt;input type="checkbox" name="S31" value="MGH(H)"/&gt;&lt;font size="4"&gt;MGH(H)&lt;/font&gt;
               &lt;input type="checkbox" name="S32" value="GHeat"/&gt;&lt;font size="4"&gt;GHeat&lt;/font&gt;
               &lt;br&gt;&lt;br&gt;
                &lt;li&gt;&lt;input type="checkbox" name="S33" value="HighStatic"/&gt;&lt;font size="4"&gt;HighStatic&lt;/font&gt;
                 &lt;input type="checkbox" name="S34" value="HGBP"/&gt;&lt;font size="4"&gt;HGBP&lt;/font&gt;
                  &lt;input type="checkbox" name="S35" value="HGRH"/&gt;&lt;font size="4"&gt;HGRH&lt;/font&gt;
                   &lt;input type="checkbox" name="S36" value="HPConv"/&gt;&lt;font size="4"&gt;HPConv&lt;/font&gt;
                    &lt;input type="checkbox" name="S37" value="GFHumid"/&gt;&lt;font size="4"&gt;GFHumid&lt;/font&gt;
                    &lt;br&gt;&lt;br&gt;
                     &lt;li&gt;&lt;input type="checkbox" name="S38" value="TOHumid"/&gt;&lt;font size="4"&gt;TOHumid&lt;/font&gt;
                      &lt;input type="checkbox" name="S39" value="MHGRH"/&gt;&lt;font size="4"&gt;MHGRH&lt;/font&gt;
                       &lt;input type="checkbox" name="S40" value="LowAF"/&gt;&lt;font size="4"&gt;LowAF&lt;/font&gt;
              &lt;input type="checkbox" name="S41" value="LowAFSF"/&gt;&lt;font size="4"&gt;LowAFSF&lt;/font&gt;
               &lt;input type="checkbox" name="S42" value="LowAmbient"/&gt;&lt;font size="4"&gt;LowAmbient&lt;/font&gt;
               &lt;br&gt;&lt;br&gt;
                &lt;li&gt;&lt;input type="checkbox" name="S43" value="MEHeat(R)"/&gt;&lt;font size="4"&gt;MEHeat(R)&lt;/font&gt;
                 &lt;input type="checkbox" name="S44" value="MEHeat(I)"/&gt;&lt;font size="4"&gt;MEHeat(I)&lt;/font&gt;
                  &lt;input type="checkbox" name="S45" value="MGH(R)"/&gt;&lt;font size="4"&gt;MGH(R)&lt;/font&gt;
                   &lt;input type="checkbox" name="S46" value="MGH(H)"/&gt;&lt;font size="4"&gt;MGH(H)&lt;/font&gt;
                    &lt;input type="checkbox" name="S47" value="MtrRR"/&gt;&lt;font size="4"&gt;MtrRR&lt;/font&gt;
                    &lt;br&gt;&lt;br&gt;
                     &lt;li&gt;&lt;input type="checkbox" name="S48" value="MotorGM"/&gt;&lt;font size="4"&gt;MotorGM&lt;/font&gt;
                      &lt;input type="checkbox" name="S49" value="MZ-Mod"/&gt;&lt;font size="4"&gt;MZ-Mod&lt;/font&gt;
                       &lt;input type="checkbox" name="S50" value="NatConv"/&gt;&lt;font size="4"&gt;NatConv&lt;/font&gt;
              &lt;input type="checkbox" name="S51" value="OAFMS"/&gt;&lt;font size="4"&gt;OAFMS&lt;/font&gt;
               &lt;input type="checkbox" name="S52" value="OSMotor"/&gt;&lt;font size="4"&gt;OSMotor&lt;/font&gt;
               &lt;br&gt;&lt;br&gt;
                &lt;li&gt;&lt;input type="checkbox" name="S53" value="MZ-VAV"/&gt;&lt;font size="4"&gt;MZ-VAV&lt;/font&gt;
                 &lt;input type="checkbox" name="S54" value="Mon"/&gt;&lt;font size="4"&gt;Mon&lt;/font&gt;
                  &lt;input type="checkbox" name="S55" value="PumpPkg"/&gt;&lt;font size="4"&gt;PumpPkg&lt;/font&gt;
                   &lt;input type="checkbox" name="S56" value="PipePkg"/&gt;&lt;font size="4"&gt;PipePkg&lt;/font&gt;
                    &lt;input type="checkbox" name="S57" value="ServLite"/&gt;&lt;font size="4"&gt;ServLite&lt;/font&gt;
                    &lt;br&gt;&lt;br&gt;
                     &lt;li&gt;&lt;input type="checkbox" name="S58" value="SparkRes"/&gt;&lt;font size="4"&gt;SparkRes&lt;/font&gt;
                      &lt;input type="checkbox" name="S59" value="SSLube"/&gt;&lt;font size="4"&gt;SSLube&lt;/font&gt;
                       &lt;input type="checkbox" name="S60" value="UVLights"/&gt;&lt;font size="4"&gt;UVLights&lt;/font&gt;
              &lt;input type="checkbox" name="S61" value="VSComp"/&gt;&lt;font size="4"&gt;VSComp&lt;/font&gt;
              &lt;br&gt;&lt;br&gt;
               &lt;li&gt;&lt;input type="checkbox" name="S62" value="LCVAV"/&gt;&lt;font size="4"&gt;LCVAV&lt;/font&gt;
                &lt;input type="checkbox" name="S63" value="XFVAV"/&gt;&lt;font size="4"&gt;XFVAV&lt;/font&gt;
                 &lt;input type="checkbox" name="S64" value="WCCond"/&gt;&lt;font size="4"&gt;WCCond&lt;/font&gt;
                  &lt;input type="checkbox" name="S65" value="WSHPConv"/&gt;&lt;font size="4"&gt;WSHPConv&lt;/font&gt;
                   &lt;input type="checkbox" name="S66" value="3RConv"/&gt;&lt;font size="4"&gt;3RConv&lt;/font&gt;
                   &lt;br&gt;&lt;br&gt;
                    &lt;li&gt;&lt;input type="checkbox" name="S67" value="WiringGM"/&gt;&lt;font size="4"&gt;WiringGM&lt;/font&gt;
                     &lt;input type="checkbox" name="S68" value="XFan"/&gt;&lt;font size="4"&gt;XFan&lt;/font&gt;
                      &lt;input type="checkbox" name="S69" value="RFan"/&gt;&lt;font size="4"&gt;RFan&lt;/font&gt;
                       &lt;input type="checkbox" name="S70" value="SFan"/&gt;&lt;font size="4"&gt;SFan&lt;/font&gt;
              &lt;input type="checkbox" name="S71" value="OAHood"/&gt;&lt;font size="4"&gt;OAHood&lt;/font&gt;
              &lt;br&gt;&lt;br&gt;
               &lt;li&gt;&lt;input type="checkbox" name="S72" value="XAHood"/&gt;&lt;font size="4"&gt;XAHood&lt;/font&gt;
                &lt;input type="checkbox" name="S73" value="XALouver"/&gt;&lt;font size="4"&gt;XALouver&lt;/font&gt;
                 &lt;input type="checkbox" name="S74" value="OALouver"/&gt;&lt;font size="4"&gt;OALouver&lt;/font&gt;
                  &lt;input type="checkbox" name="S75" value="SteamCoil"/&gt;&lt;font size="4"&gt;SteamCoil&lt;/font&gt;
                   &lt;input type="checkbox" name="S76" value="HWCoil"/&gt;&lt;font size="4"&gt;HWCoil&lt;/font&gt;
                   &lt;br&gt;&lt;br&gt;
                    &lt;li&gt;&lt;input type="checkbox" name="S77" value="CHWCoil"/&gt;&lt;font size="4"&gt;CHWCoil&lt;/font&gt;
                     &lt;input type="checkbox" name="S78" value="CondCoil"/&gt;&lt;font size="4"&gt;CondCoil&lt;/font&gt;
                      &lt;input type="checkbox" name="S79" value="DXCoil"/&gt;&lt;font size="4"&gt;DXCoil&lt;/font&gt;
                       &lt;input type="checkbox" name="S80" value="F&amp;BP"/&gt;&lt;font size="4"&gt;F&amp;BP&lt;/font&gt;
              &lt;input type="checkbox" name="S81" value="Xfrmr"/&gt;&lt;font size="4"&gt;Xfrmr&lt;/font&gt;
              &lt;br&gt;&lt;br&gt;
               &lt;li&gt;&lt;input type="checkbox" name="S82" value="WCCond"/&gt;&lt;font size="4"&gt;WCCond&lt;/font&gt;
                &lt;input type="checkbox" name="S83" value="PLFrHX"/&gt;&lt;font size="4"&gt;PlFrHX&lt;/li&gt;&lt;/font&gt;
                &lt;br&gt;
                &lt;input type="submit" value="Submit" /&gt;
  
          &lt;/form&gt;
  
  
  
  &lt;script&gt;
  
  function updateParent() {    
  s = "";
  for (i = 0; i &lt; 6; i++)
  {
        chk = eval("self.document.childForm.t" + i);
        if (chk.checked)
              s += chk.value + ", ";
  }
  opener.document.parentForm.toppings.value = s;
  self.close();
  
  }
  
  &lt;/script&gt;
  </code></pre>