微信小程序开发入门教程（十二）

最新推荐文章于 2024-08-24 17:38:43 发布

原创

最新推荐文章于 2024-08-24 17:38:43 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

本文是微信小程序开发入门教程的第十二篇，主要介绍了表单组件的使用，包括radio组件、checkbox组件、switch、label组件和slider组件的属性和用法，帮助开发者理解如何在小程序中实现用户交互。

背景

上一篇文章我们讲述了微信小程序的三个基础组件icon、text和progress。这些基础组件主要用途是进行信息展示，微信小程序除了信息展示还需要与用户交互，而表单是应用中获取用户输入的重要手段，它对于系统极其重要，用户在应用中输入的大部分内容都是在表单元素中完成的，本篇文章着重介绍表单组件的特性，至于数据如何传输到后段会在之后的文章着重介绍。

radio组件

单选框可以用来生成一组单选按钮，供用户从一批固定的选项中做出选择，它适用于数据不多的情况，小程序中的单选框是由ra-group和radio两个组件组成，一个包含多个radio和radio-group表示一组单选项，在同一组的单选项是互斥的。radio的选中态不能直接获取，需要通过radio-group的change事件获取。radio-group内部除了包含radio还可以包含其他标签，当包含其他标签时，也仅仅对标签内部的radio产生影响，radio-group仅有一个属性bindchange。bindchange绑定radio-group的change事件，当radio-group中的选项发生改变时触发change事件。