checkbox.jsx

/** @jsx React.DOM */
var React = require('react');


module.exports = React.createClass({
    getInitialState: function() {
        return {
            sameAsBilling: true
        }
    },

    onChange: function(e) {
        e.preventDefault();
        this.setState({sameAsBilling: !this.state.sameAsBilling});
    },

    render: function() {
        return <div>
            <input type='checkbox' className='full' id='sameAsBilling' ref='sameAsBillingCheckbox' checked={this.state.sameAsBilling} onChange={this.onChange}/>
            <label htmlFor='sameAsBilling'>
                <span className='small check-label'></span>Same as billing
            </label>
        </div>
    }
});