title: How to get check box input value from dataTable row collection?
body: <p>I have a table that serves as a jquery dataTable. Each data row has a check box column. Visitors to the page will click the check boxes to select which items to delete. The dataTable has pagination and filtering enabled, so a visitor may select one or more check boxes on different pages. When the user clicks "delete", I want to be able to grab the value of each selected check box.</p>
  
  <p>I figured out how to get the checked rows as a collection using this: <code>var rowcollection =  oTable.$(".call-checkbox:checked", {"page": "all"});</code> What I haven't figured out is how to iterate through the collection to grab the value of each row's check box input.</p>
  
  <p>Below is the script and the table. Please tell me I'm missing something incredibly obvious.</p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
   $(document).ready(function () {
          $('#calltable').dataTable({
              "bPaginate": true,
              "bLengthChange": true,
              "bFilter": true,
              "bSort": true,
              "bInfo": true,
              "bAutoWidth": true,
              "bStateSave": true,
              "aoColumnDefs": [
                  { 'bSortable': false, 'aTargets': [ -1,0] }
              ]
          });
  
          // trashcan is the id of the icon users click to delete items 
          // onclick get all the checked rows and do something 
          $("#trashcan")
          .click(function () {
  
              var oTable = $('#calltable').dataTable();
              var rowcollection =  oTable.$(".call-checkbox:checked", {"page": "all"});
              for(var i = 0; i &lt; rowcollection.length; i++)
              {
               //   GET THE VALUE OF THE CHECK BOX (HOW?) AND DO SOMETHING WITH IT.
               //   
              }
          });
  
          });
      &lt;/script&gt;
  
  
  
  &lt;table id="calltable" class="pretty"&gt;
   &lt;thead&gt;
    &lt;tr&gt;
     &lt;th&gt;&lt;span id="check"&gt;Check&lt;/span&gt; | 
        &lt;span id="uncheck"&gt;U&lt;/span&gt; | 
        &lt;img src="/trash_16x16.gif" alt="Delete" id="trashcan" /&gt;
     &lt;/th&gt;
     &lt;th&gt;phone&lt;/th&gt;
     &lt;th&gt;name&lt;/th&gt;
     &lt;th&gt;Status&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
     &lt;td&gt;
       &lt;input type="checkbox" class="call-checkbox" value="22" /&gt;    
     &lt;/td&gt;
     &lt;td&gt;8438740903&lt;/td&gt;
     &lt;td&gt;Susan&lt;/td&gt;
     &lt;td&gt;S&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt; 
        &lt;input type="checkbox" class="call-checkbox" value="23" /&gt;
      &lt;/td&gt;
      &lt;td&gt;9098983456&lt;/td&gt;
      &lt;td&gt;Jack Sparrow&lt;/td&gt;
      &lt;td&gt;S&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>