高章伟
2023-03-03 d8dc84a3d56df839895f1c417a4d9cbee763d262
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
/*
 * @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);
    }
}