How to get value from Multiple Checkbox to array in react?

selvi jp

5y1.1kReact

onToggle(index, e){

let newItems = this.state.items.slice();

newItems[index].checked = !newItems[index].checked

this.setState({

items: newItems

})

}

{this.state.GroupList.map((item, i) =>

{item.Name}

)}

You checked: {JSON.stringify(this.state.GroupList.filter(item => item.checked))}

Here checked value is displayed but i want only the text "Hello"

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ganesan C5y ago
Hi,

Try this.
var dataCheck = [];
this.state.items.forEach(element => { element.checked && dataCheck.push(element.text) });
console.log(dataCheck);
The above code will get the all "text" value where "checked" is true.
The output of the above code like ["Hello", "Stack"]
Vaibhav Chauhan5y ago
I got what structure you want:
let selectedItems = [];
this.state.items.map((item)=>{if(item.checked){selectedItems.push(item.flag)}});
You will get selected item array in selectedItems array.
selvi jp5y ago
[{"Flag":"N","checked":true},{"Flag":"N","checked":true}]
Still i cant get it.Just i want to pass multiple check box value to controller.thats what i want.Here add with the text name like
["N","N"]
Vaibhav Chauhan5y ago
You can add this code in the save function or where you you need to fetch selected items.
Vaibhav Chauhan5y ago
Your checed items are already available in your state with the checked property true. You only need to filter it.
var checkedItems = this.state.items.filter((item)=>{return(item.cheked)});