案例介绍
功能逻辑：页面展示 “苹果、香蕉、葡萄、香梨、西瓜” 的复选框，用户勾选后点击 “显示你喜欢的水果” 按钮，会触发 JavaScript 逻辑。
代码实现：通过 document.querySelectorAll 获取所有复选框元素，遍历并判断哪些被选中，再通过 parentNode.innerText 获取水果名称，最后用 alert 弹窗展示选中结果。
场景作用：这是前端入门中非常经典的表单元素获取与遍历练习。
案例图片
相似案例推荐
其他人才的相似案例推荐
-
蓝蛙餐饮企业管理平台
八年的项目经验，在斯惠（上海）信息科技有限公司的三年内，独立
-
蓝蛙餐饮企业管理平台
八年的项目经验，在斯惠（上海）信息科技有限公司的三年内，独立
-
小程序拼车系统
主要是发布拼车信息，交友信息，方便节日回家顺路的打工人使用，
-
⻳途客管理系统
⽀撑“⻳途客”全平台业务运营的核⼼后台系统，负责定义业务规则
-
龟途客
⼀站式旅⾏⽣活平台，涵盖酒店订房、新房⼆⼿房咨询、旅游基地预
-
新能源充电桩投资系统
多语言项目投资平台，不限项目类型，已集成微信扫码、支付宝扫码
-
智行火车票
●项目介绍： 智行火车票App--提供一站式出行预订平台，
-
汽车类小程序
1.负责公司核心产品的Web前端开发，确保用户界面的友好性和
-
某加油小程序
1. 负责公司核心产品的Web前端开发，确保用户界面的友好性
-
电瓶车充电插座
一个主机通过RS485外接50个从机，2个充电接口，可以刷卡
-
Freecar分时汽车租赁系统
FreeCar —— 云原生分时汽车租赁系统套件（Cloud
-
快截记账
一款个人记账软件，数据私有化不上云，支持导出导入，截图记账，
微信接收人才推送
关注猿急送微信平台，接收实时人才推送
接收人才推送
联系需求方端客服