react checkbox onChange
<input
checked={checkboxValue}
onChange={() => setCheckboxValue(!checkboxValue)}
type="checkbox"
/>
4.5
4
class Reservation extends React.Component {
constructor(props) {
super(props);
this.state = {
isGoing: true,
numberOfGuests: 2
};
this.handleInputChange = this.handleInputChange.bind(this);
}
handleInputChange(event) {
const target = event.target;
const value = target.type === 'checkbox' ? target.checked : target.value;
const name = target.name;
this.setState({
[name]: value });
}
render() {
return (
<form>
<label>
Is going:
<input
name="isGoing" type="checkbox"
checked={this.state.isGoing}
onChange={this.handleInputChange} />
</label>
<br />
<label>
Number of guests:
<input
name="numberOfGuests" type="number"
value={this.state.numberOfGuests}
onChange={this.handleInputChange} />
</label>
</form>
);
}
}
Thank you!
4
0
Are there any code examples left?
New code examples in category Javascript
-
Javascript 2023-04-22 00:52:36
-
Javascript 2022-03-28 00:25:20 javascript download string as file
-
Javascript 2022-03-27 23:40:22 sort numbers in array javascript
-
Javascript 2022-03-27 23:20:04 compare two arrays and return the difference javascript
-
Javascript 2022-03-27 23:15:02 javascript regex french phone number
-
Javascript 2022-03-27 23:05:03 cypress custom error message
-
Javascript 2022-03-27 23:00:05 create element javascript with id
-
Javascript 2022-03-27 22:40:57 feather icons react
-
Javascript 2022-03-27 22:20:01 how to make graphql request in axios
-
Javascript 2022-03-27 22:15:07 bootstrap validator password and confirm password