how to empty value on unchecking checkbox in reactjs?

Question

I'm new to reactjs. I have created below code to make checkbox and to get value of checkbox. But on unchecking the checkbox I'm still getting the value. How to remove value of unchecking the checkbox. Please help.

below is in html

<input onChange={(event)=>this.getCheckboxValue(event)} type='checkbox' value={item.title}/>

Below is function

 getCheckboxValue(event) {
   console.log(event.target.value)
 }

but also I need to get the value

Sagar Kodte
– Sagar Kodte

2019-09-08 18:35:54 +00:00
Commented Sep 8, 2019 at 18:35 — Sagar Kodte
– Sagar Kodte, Commented Sep 8, 2019 at 18:35

ray · Accepted Answer · 2019-09-08 18:42:43Z

3

The value of the checkbox doesn't change. You're interested in whether it's checked (event.target.checked) in addition to its value (event.target.value).

<input onChange={this.onChange} type='checkbox' value={item.title}/>

onChange = (event) => {
  const {checked, value} = event.target;
  if (checked) {
    // do something with value
  }
}

edited Sep 8, 2019 at 18:42

answered Sep 8, 2019 at 18:35

ray

27.3k5 gold badges31 silver badges30 bronze badges

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

4 Comments

Sagar Kodte Over a year ago

Yes..got it..but also I need to get the value of checked element

Henry Over a year ago

@SagarKodte what do you mean get the value? Can you be more specific?

Sagar Kodte Over a year ago

there is value={item.title} I need to get this when checked and if unchecked it should be blank

Sagar Kodte Over a year ago

I have done this.setState({checked:value}) console.log(this.state.checked) this.but on first checked m getting empty

Collectives™ on Stack Overflow

how to empty value on unchecking checkbox in reactjs?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related