get value of checkbox in react js

Question

How to get the value of checkbox in react js , it is always returning false (boolean value) this is my snippet code

export default class CreateMateriel extends Component {
    constructor(props) {
        super(props);
        this.onChangeEtat = this.onChangeEtat.bind(this);


  this.state = {
        etat: false

onChangeEtat(e) {
    this.setState({
        etat: e.target.value
    });

the html code part

                    <input type="checkbox" className="form-control" value={this.state.etat}
                           onChange={!this.onChangeEtat}/>

Please do anyone has an idea?

onChange={this.onChangeEtat} and onChangeEtat(e) { this.setState({ etat: e.target.checked }); — Shivam Jha
– Shivam Jha, Commented Apr 24, 2021 at 12:15
Thanks @ShivamJha onChangeEtat(e) { this.setState({ etat: e.target.checked }); console.log(e.target.checked) } — reactjsfan
– reactjsfan, Commented Apr 24, 2021 at 12:21

Shivam Jha · Accepted Answer · 2021-04-24 12:23:45Z

1

you can acess whether checkbox is checkd using e.target.checked:

onChangeEtat(e) {
    this.setState({
        etat: e.target.checked
    });
}

answered Apr 24, 2021 at 12:23

Shivam Jha

4,8084 gold badges26 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

get value of checkbox in react js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related