title: React.js get checked inputs
body: <p>I am quiet new to React and I wasn't able to figure out how to manipulate DOM.<br>
  I have a set of components with checkboxes, and I have a delete button, I want to delete the checked elements when delete button is clicked.<br>
  here is a snippet of code I am using : <br></p>
  
  <pre class="lang-js prettyprint-override"><code> ...
   deleteMessage: function(event) {
      this.refs.select_message.getDOMNode(); // I get only the last element
   },
   ...
  
  
   ...
   render: function() {
      var Messages = this.props.messages;
      return (
           &lt;div&gt;
              &lt;button onClick={this.deleteMessage}&gt;Delete&lt;/button&gt;
  
          {Messages.map(function(message) {
                return (
                    &lt;div&gt;
                      &lt;input type='checkbox' className='select_message' ref='select_message'/&gt;
                    &lt;/div&gt;
                  );
          })}
        &lt;/div&gt;
      );     
  </code></pre>
  
  <p>Am I doing it the right way?</p>