reactjs

radio-btn.js

var RadioGroup = React.createClass({
  
  getInitialState: function () {
    return {
      select: null
    };
  },
  
  handleRdioBtnChange: function(e){
    this.setState({
      select: e.currentTarget.value;
    });
  },
  
  render: function () {
    
    var radioBtns = this.props.options.map(function(option){
      var isActive = this.state.select === option?"active":"";
      return(
        <label className="radio-inline">
          <input type="radio" onChange={this.handleRdioBtnChange.bind(this)} value={option} className={isActive}/>
          {option}
        </label>
      );
    }, this);
    
    return (
      <div>
        {radioBtns}
      </div>
    );
  }
});


var opptions = ["A", "B", "C"];  //<< it's your radiogroups
React.renderComponent(<RadioGroup options={opptions} />, document.getElementById('example'));