Complicated to get value from radio button

[ButuzGOL]

I have two radio buttons and I want to get value for checked

<RadioButton ref="color-red" name="color" value="red" defaultChecked="true" label="Red" />
<RadioButton ref="color-green" name="color" value="green" label="Green" />

Currently I am doing

refs['color-red'].refs.radioButton.getDOMNode().checked

But I think it's complicated
I think solution should be something like

refs.color.getValue()

[rkmax]

Nor can initially make a choice. I think a different approximation can make easy. could be

{
  _onChange: function(event, value) {
      var updated = {};

      updated[event.target.name] = value;
      this.setState(updated);
  },
  render: function() {
    return (
    <RadioGroupButton ref="shipSpeed" name="shipSpeed" value={this.state.shipSpeed} onChange={this,_onChange}>
        <RadioButton name="choice_1" value="light" label="prepare for light speed"/>
        <RadioButton name="choice_2" value="not_light" label="light speed too slow"/>
        <RadioButton name="choice_3" value="ludicrous" label="go to ludicous speed"/>
    </RadioGroupButton>
    );
  }
}

you can use refs.shipSpeed.getValue()

[dankins]

I had the same issue and I ended up creating something to help:
https://gist.github.com/dankins/55462150fec4eedc2279
Instead of having child elements like in the example above, instead it accepts a prop with an array of objects containing a value and a label.
This requires the defaultChecked prop that just went out in the latest release (v0.4.0)

I will submit a proper pull request with the code and documentation if it is deemed worthy. In the meantime, you should be able to get something working based on my gist.

[ButuzGOL]

Thanks for solutions
Take a look at my https://gist.github.com/ButuzGOL/79e714ea26b201b9fffc I slightly modified from options to jsx style
what do you think ?
The only thing I don't like is setting default value
https://gist.github.com/ButuzGOL/79e714ea26b201b9fffc#file-new-jsx-L24

componentDidMount: function() {
    var defaultValue;
    for (var key in this.props.children) {
      var child = this.props.children[key];
      if (child.props.defaultChecked === 'true') {
        defaultValue = child.props.value;
        break;
      }
    }
    if (defaultValue) this.setValue(defaultValue);
  }

[airtoxin]

@dankins's RadioButtonGroup is very good. thank you!

[hai-cea]

Fixed with #267