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

背景

上一篇文章我们讲述了微信小程序的三个基础组件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事件。

radio是radio-group中的一个单选按钮，具有以下属性：

• value：当radio选中时，radio-group的change事件会携带radio的value
• checked：当前radio是否选中，一个radio-group中只有一个radio的checked为true。
• disabled：是否禁用，禁用后不能点击
• color：radio的颜色，同CSS的color

<radio-group bindchange="changeChoosed">
<view wx:for="{
  {radios}}">
<radio value="{
  {item.value}}" ch