React single, uncontrolled checkbox element
Using Reactjs, a single, uncontrolled checkbox input element.
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
<h3>React, single uncontrolled input element</h3>
<div id="main"></div>
JavaScript 1.7
var CheckboxInput = React.createClass({
render: function () {
return (
<input type="checkbox"
name={this.props.name}
value={this.props.value} />
{this.props.label}
);
}
});
var question = { label: "Apples", name: "q1", value: "apples" };
React.render(<CheckboxInput label={question.label} name={question.name} />, document.getElementById("main"));