title: React JS radio button is not selecting
body: <p>I am new to React i have written a code for radio button but is it not working, i want to select a default checked but that is not also not working and clicking also i am not able to select any of the button. Please help me and Thanks in advance</p>
  
  <pre><code>var FlightDetails = React.createClass({
      getInitialState:function () {
          return {
              view :'fare',
              selectedOption :0
          };
      },
      handleChange: function (e) {
          if(e.target.value == 'itinerary'){
              this.setState({
                  view: 'itinerary',
                  selectedOption :1
              })
          }
          if(e.target.value == 'fare'){
              this.setState({
                  view: 'fare',
                  selectedOption :0
              })
          }
      },
      render:function () {
          return(
              &lt;div id={this.props.id} className="collapse flightDetails"&gt;
                  &lt;div className="row col-sm-12 col-centered"&gt;
                      &lt;label className="col-sm-3 col-xs-12 col-sm-3 col-sm-3"&gt;
                          &lt;input type="radio" name="Details" value={'fare'}
                                 checked={this.state.selectedOption == 0}
                                 onChange={this.handleChange}/&gt;{'  '}Fare
                      &lt;/label&gt;
                      &lt;label className="col-sm-3 col-xs-12 col-sm-3 col-sm-3"&gt;
                          &lt;input type="radio" name="Details" value={'itinerary'}
                                 checked={this.state.selectedOption == 1}
                                 onChange={this.handleChange}/&gt; {'  '}Itinerary
                      &lt;/label&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
          )
      }
  });
  </code></pre>
  
  <p>Here is <a href="https://jsfiddle.net/69z2wepo/58088/" rel="nofollow">jsfiddle</a>.</p>