/* * @Author: Thhto 997058689@qq.com * @Date: 2022-08-25 15:58:12 * @LastEditors: Thhto 997058689@qq.com * @LastEditTime: 2022-08-26 17:00:29 * @FilePath: \ceshihuanj\force-app\main\default\lwc\jzcheckboxgroup\jzcheckboxgroup.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 Jzcheckboxgroup extends LightningElement { checkboxgroupLabel='关联战略科室'; checkboxgroupDataList= []; @api checkboxgroupDataOutList=[ { label: '消化科', value: '01210000000QemLAAS' }, { label: '呼吸科', value: '01210000000QezZAAS' } ]; @api checkboxgroupValueList=['01210000000QezZAAS']; connectedCallback(){ debugger var checkboxgroupList=[]; this.checkboxgroupDataOutList.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.checkboxgroupDataList=checkboxgroupList; } checkboxchange(event){ debugger var checked=event.target.checked; var value =event.target.value; var ValueList=[]; if(checked){ this.checkboxgroupValueList.push(value); }else{ if(this.checkboxgroupValueList.length>0){ this.checkboxgroupValueList.forEach(items=>{ if(items!=value){ ValueList.push(items); } }); } this.checkboxgroupValueList=ValueList; } } }