<!-- 
 | 
 * @Author: Thhto 997058689@qq.com 
 | 
 * @Date: 2022-08-25 15:58:12 
 | 
 * @LastEditors: Thhto 997058689@qq.com 
 | 
 * @LastEditTime: 2022-08-26 10:06:07 
 | 
 * @FilePath: \ceshihuanj\force-app\main\default\lwc\jzcheckboxgroup\jzcheckboxgroup.html 
 | 
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE 
 | 
--> 
 | 
<template> 
 | 
    <fieldset class="slds-form-element" > 
 | 
        <legend class="slds-form-element__legend slds-form-element__label">{checkboxgroupLabel}</legend> 
 | 
        <div class="slds-form-element__control"> 
 | 
            <template for:each={checkboxgroupDataList} for:item="checkboxgroupData"> 
 | 
                <div class="slds-checkbox" style="float: left;" key={checkboxgroupData.label} > 
 | 
                    <input type="checkbox" id={checkboxgroupData.label}  name={checkboxgroupData.label} value={checkboxgroupData.value} checked={checkboxgroupData.IsSelected} onclick={checkboxchange} /> 
 | 
                    <label class="slds-checkbox__label" for={checkboxgroupData.label}  > 
 | 
                        <span class="slds-checkbox_faux"></span> 
 | 
                        <span class="slds-form-element__label">{checkboxgroupData.label}</span> 
 | 
                    </label> 
 | 
                </div> 
 | 
            </template> 
 | 
             
 | 
        </div> 
 | 
      </fieldset> 
 | 
</template> 
 |