react-json-verbling/src/types/BooleanField.js

A JSON editor packed as a React.js component and the simplest way of creating web forms.

var React = require('react');

/**
 * Component for editing a boolean.
 * @param  {string} value The value of the boolean.
 */
var BooleanField = React.createClass({

	defaultValue: false,

	render: function(){
		var className = 'jsonBoolean';

		return React.DOM.input({
			type: "checkbox",
			className: className,
			id: this.props.id,
			checked: this.props.value,
			onChange: this.updateValue
		});
	},

	updateValue: function( e ){
		this.props.onUpdated( e.target.checked );
	},

	isType: function( value ){
		return typeof value == 'boolean';
	},

	componentWillReceiveProps: function( nextProps ){
		if( this.props.value != nextProps.value )
			this.setState( { value: nextProps.value } );
	}
});

module.exports = BooleanField;