html
<lightning-checkbox-group name="Checkbox Group"
data-id="check-box-group"
label="Checkbox Group"
options={options}
value={selectedValues}
onchange={handleChange}>
</lightning-checkbox-group>
js
handleGenerate(event){
const searchKey = this.template.querySelector('[data-id="search-key"]').value;
// const workItemType = this.template.querySelector('[data-id="check-box-group"]').value;
}
In your code, you are invoking a handler method when your checkbox-group changes, in return, you are querying the element (from the parent) which is lightning-checkbox-group to get the value.
The lwc documentation for the checkbox-group is very precise on how you can get the value, so, I am not sure what it is you are attempting to do.
your handleChange method shoud get the value using the passed event as follows:
handleChange(e) {
this.value = e.detail.value;
}
I don't understand why you are attempting to use a querySelector.
