ant-design/components/radio/demo/disable.md
2015-07-17 16:56:40 +08:00

822 B

不可用

  • order: 1

Radio 不可用。


var Radio = antd.Radio;

function toggleDisabled() {
  disabled = !disabled;
}

var App = React.createClass({
  getInitialState() {
    return {
      disabled: true
    };
  },
  toggleDisabled() {
    this.setState({
      disabled: !this.state.disabled
    });
  },
  render() {
    return <div>
      <Radio defaultChecked={false} disabled={this.state.disabled}>不可用</Radio>
      <br />
      <Radio defaultChecked={true} disabled={this.state.disabled}>不可用</Radio>
      <div style={{marginTop: 20}}>
        <button className="ant-btn ant-btn-primary" onClick={this.toggleDisabled}>
          Toggle disabled
        </button>
      </div>
    </div>;
  }
});

React.render(<App />, document.getElementById('components-radio-demo-disable'));