/* * @Author: Thhto 997058689@qq.com * @Date: 2022-08-31 17:41:57 * @LastEditors: Thhto 997058689@qq.com * @LastEditTime: 2022-09-01 16:02:08 * @FilePath: \ceshihuanj\force-app\main\default\lwc\jzCheckboxGroup2\jzCheckboxGroup2.js * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE */ import { LightningElement,api, track } from 'lwc'; export default class JzCheckboxGroup2 extends LightningElement { @api checkboxgrouplabel=''; @api checkboxgroupoption= []; @api checkboxgroupvaluelist=[]; @api checkboxgroupstyle=''; connectedCallback(){ debugger var checkboxgroupList=[]; this.checkboxgroupoption.forEach(element => { var checkboxgroupData={}; checkboxgroupData.label=element.label; checkboxgroupData.value=element.value; var index=this.checkboxgroupvaluelist.indexOf(element.value); if(index>=0){ checkboxgroupData.IsSelected="1"; }else{ checkboxgroupData.IsSelected=""; } checkboxgroupList.push(checkboxgroupData); }); this.checkboxgroupoption=checkboxgroupList; } checkboxchange(event){ debugger var checked=event.target.checked; var value =event.target.value; var ValueList=[]; if(checked){ debugger ValueList=[...[],...this.checkboxgroupvaluelist]; ValueList.push(value); }else{ if(this.checkboxgroupvaluelist.length>0){ this.checkboxgroupvaluelist.forEach(items=>{ if(items!=value){ ValueList.push(items); } }); } } this.checkboxgroupvaluelist=ValueList; var Valueobj={values:ValueList}; const getSearchParamsEvent = new CustomEvent('changefunction', { detail: Valueobj }); this.dispatchEvent(getSearchParamsEvent); } }