ant-design/components/radio/demo/radiogroup.md
2015-07-20 22:36:49 +08:00

39 lines
794 B
Markdown

# RadioGroup组合
- order: 1
RadioGroup 组合。
---
````jsx
var Radio = antd.Radio;
var RadioGroup = antd.RadioGroup;
var App = React.createClass({
getInitialState: function () {
return {
value:"a"
};
},
onChange(ev) {
console.log('radio checked:' + ev.target.value);
this.setState({
value:ev.target.value
})
},
render() {
return<div>
<RadioGroup onChange={this.onChange} value={this.state.value}>
<Radio value="a">A</Radio>
<Radio value="b" >B</Radio>
<Radio value="c" >C</Radio>
<Radio value="d" disabled={true}>D</Radio>
</RadioGroup>
你选中的:&nbsp;&nbsp;{this.state.value}
</div>
}
});
React.render(<App />, document.getElementById('components-radio-demo-radiogroup'));
````