title: handle mdl table check box
body: <p>I'm using material desigin lite in my website 
  I have implemented this example:
  <a href="http://www.getmdl.io/components/index.html#tables-section" rel="nofollow">http://www.getmdl.io/components/index.html#tables-section</a></p>
  
  <pre><code>&lt;table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th class="mdl-data-table__cell--non-numeric"&gt;Material&lt;/th&gt;
            &lt;th&gt;Quantity&lt;/th&gt;
            &lt;th&gt;Unit price&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td class="mdl-data-table__cell--non-numeric"&gt;Acrylic (Transparent)&lt;/td&gt;
            &lt;td&gt;25&lt;/td&gt;
            &lt;td&gt;$2.90&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td class="mdl-data-table__cell--non-numeric"&gt;Plywood (Birch)&lt;/td&gt;
            &lt;td&gt;50&lt;/td&gt;
            &lt;td&gt;$1.25&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td class="mdl-data-table__cell--non-numeric"&gt;Laminate (Gold on Blue)&lt;/td&gt;
            &lt;td&gt;10&lt;/td&gt;
            &lt;td&gt;$2.35&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>my question is how to handle the check box in the table , they are added by the class : .mdl-data-table--selectable</p>
  
  <p>there is no Id or class for them so what is the way to use them in javascript or sql server (deleting rows what i'm trying to implement)</p>