title: Applying a single onChange to all input boxes
body: <p><strong>An example I came across:</strong></p>
  
  <p>I recently came across the following example:</p>
  
  <pre><code>activate(event) {
    console.log(event.target.value);
  }
  
  render() {
    return ( 
      &lt;div onChange={this.activate.bind(this)}&gt;
        &lt;input type="radio" value="yes" name="confirm"/&gt; Yes
        &lt;input type="radio" value="no" name="confirm"/&gt; No
      &lt;/div&gt;
     )
  }
  </code></pre>
  
  <p>This allows an onChange handler to be applied to a parent div of radio buttons rather than each individual radio button. </p>
  
  <p><strong>My questions about this:</strong></p>
  
  <ol>
  <li>Is there any reason why the onChange attribute would be specifically applied to a group of radio buttons and not to groups of other form elements?</li>
  <li>Why not place all form fields inside a single div or form element and have only one onChange attribute?</li>
  <li>Is this specific to ReactJS, or can something similar be done in basic JavaScript?</li>
  </ol>