微信小程序checkbox和radio组件实战——动态设置字体样式与大小

一、案例概述微信小程序的表单组件中checkbox多选和 radio单选是最常用的选择类组件。它们分别需要配合 checkbox-group 和 radio-group容器使用才能触发事件。本案例设计一个小程序通过三个 checkbox 组件控制正文的字体样式加粗、斜体、下划线通过 radio 组件控制字体大小并采用动态样式绑定的方式实时改变正文的显示效果。二、核心知识点checkbox必须放在 checkbox-group中单独的 checkbox不会触发 change 事件checkbox-group 绑定 bindchange 事件事件参数 e.detail.value是数组包含所有选中项的 value 值支持多选适合可以同时生效的选项三、页面实现index.wxmlwxss页面截图四、最终效果展示