title: Clear a list of checkboxes in React
body: <p>I have a few programatically generated lists of checkboxes (uncontrolled) in my project, and I'd like a react-way to clear them all at the click of a button. My problem is, I have no way to reference them each.</p>
  
  <p>I've tried setting refs but I can't seem to figure out how to share refs between a stateless child and it's parent (is this even possible?)</p>
  
  <p>All I need is a button that, when clicked, unchecks all checkboxes. I never would have imagined this would be so complicated but I've been at it for an hour now and my head is starting to spin. Here is an example of one of the lists:</p>
  
  <pre class="lang-js prettyprint-override"><code>{props.filters[0].map(jobType =&gt; (
    &lt;li key={_.uniqueId('subType_')} className="checkbox text-sm m-b-sm"&gt;
      &lt;label className=""&gt;
        &lt;input type="checkbox" value={jobType.value} name="subtype" onChange={props.handleFilterCheck} /&gt;
        &lt;span&gt;{jobType.title}&lt;/span&gt;
      &lt;/label&gt;
      &lt;span className="text-muted"&gt;&lt;/span&gt;
    &lt;/li&gt;
  ))}
  </code></pre>
  
  <p>So I have a way to consistently reference the size of the list and I know I could use iteration if I just had a way to reference the list but as it stands now that isn't possible. Any ideas?</p>