React Checkbox not getting value onCheck

Question

React Checkbox not getting value onCheck . I tried an accepted answer, and get constant value first , but it is getting undefined(data variable)

<TableCell>
    <Checkbox name="myCheckBox1" onChange={(e, data) => this.checkchange1('2', data.value)}/>
</TableCell>


checkchange1 = (e, data) => {
        console.log('it works');
        console.log(data.value);
    }

what am I missing ?

in checkchange1, data.value returns undefined? If yes, calling this.checkchange1('2', data) should console data.value in checkchange1 function. Check — Masih Tamsoy
– Masih Tamsoy, Commented Nov 7, 2019 at 10:33
If data.value does not exist. We can pick value from e as well in checkchange1 by e.target.value — Masih Tamsoy
– Masih Tamsoy, Commented Nov 7, 2019 at 10:38

Gangadhar Gandi · Accepted Answer · 2019-11-07 10:27:13Z

1

To get the value of checkbox, Try like below

<Checkbox name="myCheckBox1" value="checkedA" onChange={(e) => this.checkchange1(e)}/>

checkchange1 = (e) => {
    console.log(e.target.value); /* checkedA will be consoled here */
}

answered Nov 7, 2019 at 10:27

Gangadhar Gandi

2,26214 silver badges20 bronze badges

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

Comments

0000 · Accepted Answer · 2019-11-07 10:31:52Z

0

onChange will take only one param and that is e.

you can store the value in state like this.

<Checkbox onChange={this.toggle} checked={this.state.checked} /> 

 toggle = () => this.setState(({checked}) => ({ checked: !checked }))

answered Nov 7, 2019 at 10:31

0000

263 bronze badges

Collectives™ on Stack Overflow

React Checkbox not getting value onCheck

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related