技术栈

微信小程序-选中文本时选中checkbox

井眼2024-08-01 8:37

1.使用labe嵌套住checkbox标签

复制代码
<label class="label-box">
<checkbox >匿名提交</checkbox>
</label>

2.使checkbox和label组件在同一行

复制代码
.label-box{
  display: flex;
  align-items: center;
}

效果图

此时选中文本匿名提交,checkbox也会被选中

上一篇:Java每日一练,技术成长不间断
下一篇:【第三节】python中的函数
相关推荐
weikecms
15 小时前
外卖CPS小程序哪家系统比较完善
小程序
绝世唐门三哥
1 天前
uniapp系列-uniappp都有哪些生命周期?
vue.js·小程序·uniapp
人还是要有梦想的
1 天前
如何开发小程序介绍
小程序·notepad++
roamingcode
2 天前
支付宝小程序数据可视化避坑指南:@antv/f2 踩坑与最佳实践
信息可视化·小程序·canvas·antv
2501_91592143
2 天前
HTTP和HTTPS协议全面解析:技术原理与安全应用
安全·http·ios·小程序·https·uni-app·iphone
double_eggm
2 天前
微信小程序2
微信小程序·小程序
是江迪呀
2 天前
实时看大家都在干嘛?我靠一行监听函数,做了个轻互动小程序
前端·微信小程序
码视野
2 天前
课后报名小程序 — 从需求到原型的全栈实践
小程序
打瞌睡的朱尤
3 天前
微信小程序1~25
微信小程序·小程序
hnxaoli
3 天前
win10小程序(十八)剪切板循环粘贴
python·小程序
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点03一周AI热点速览(2026.03.31-04.06):GPT-6曝光、谷歌开源Gemma 4、资本狂飙与模型军备竞赛04GPT-6核心能力解析及与现有主流大模型对比05基于 Docker 部署 Hermes Agent 并接入飞书机器人的完整指南06零成本!Ollama本地部署国产大模型全指南(支持Kimi-K2.5/GLM-5/Qwen,新手秒上手)07免费!不限量!用opencode接入英伟达(NVIDIA)大模型,轻松打造你的 AI 编程助手08从限购到畅通:GLM-5.1 Coding Plan接入攻略09CodeBuddy与WorkBuddy深度对比:腾讯两款AI工具差异及实操指南10AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析