title: How to use radio buttons in ReactJS?
body: <p>I am new to ReactJS, sorry if this sounds off.  I have a component that creates several table rows according to the received data.</p>
  <p>Each cell within the column has a radio checkbox. Hence the user can select one <code>site_name</code> and one <code>address</code> from the existing rows. The selection shall be shown in the footer. And thats where I am stuck.</p>
  <pre class="lang-js prettyprint-override"><code>var SearchResult = React.createClass({
    render: function () {
      var resultRows = this.props.data.map(function (result) {
        return (
          &lt;tbody&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;input type=&quot;radio&quot; name=&quot;site_name&quot; value={result.SITE_NAME}&gt;
                  {result.SITE_NAME}
                &lt;/input&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;input type=&quot;radio&quot; name=&quot;address&quot; value={result.ADDRESS}&gt;
                  {result.ADDRESS}
                &lt;/input&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        );
      });
      return (
        &lt;table className=&quot;table&quot;&gt;
          &lt;thead&gt;
            &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Address&lt;/th&gt;
            &lt;/tr&gt;
          &lt;/thead&gt;
          {resultRows}
          &lt;tfoot&gt;
            &lt;tr&gt;
              &lt;td&gt;chosen site name ???? &lt;/td&gt;
              &lt;td&gt;chosen address ????? &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tfoot&gt;
        &lt;/table&gt;
      );
    },
  });
  </code></pre>
  <p>In jQuery I could do something like <code>$(&quot;input[name=site_name]:checked&quot;).val()</code> to get the selection of one radio checkbox type and insert it into the first footer cell.</p>
  <p>But surely there must be a Reactjs way, which I am totally missing? Many Thanks</p>