×
13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程：radio单项选择器

radio 单项选择器

解释：单项选择器。

网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了任丘免费建站欢迎大家使用！

属性说明

属性名 类型 默认值 必填 说明

value

String

否

组件标识。当该 选中时， 的 change 事件会携带 的 value

checked

Boolean

false

否

当前是否选中

disabled

Boolean

false

否

是否禁用

color

Color

#3c76ff

否

radio 的颜色，同 CSS 的 color

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例 1：默认样式

 
 
 
    
  
  
  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  默认样式
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  单选项一
    7. 
  
  
  
  7.  单选项二
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11. 
  
  
  
    12.

代码示例 2：列表展示

 
 
 
    
  
  
  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  列表展示
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  {{item.text}}
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
    11.

代码示例 3：包含禁用选项

 
 
 
    
  
  
  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  包含禁用选项
    5. 
  
  
  
  5.  disabled
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  可用选项
    10. 
  
  
  
  10.  可用选项
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  禁用选项
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16.  
    17. 
  
  
  
    18.

代码示例 4：默认不选中

 
 
 
    
  
  
  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  默认不选中
    5. 
  
  
  
  5.  checked="false"
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  单选项一
    10. 
  
  
  
  10.  单选项二
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14. 
  
  
  
    15.

代码示例 5：自定义颜色

 
 
 
    
  
  
  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  自定义颜色
    5. 
  
  
  
  5.  color="#00BC89"
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  单选项一
    10. 
  
  
  
  10.  单选项二
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  
    14. 
  
  
  
    15.

业务示例：自定义大小

 
 
 
    
  
  
  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  自定义大小
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  单选项一
    7. 
  
  
  
  7.  单选项二
    8. 
  
  
  
  8.  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.  
    11. 
  
  
  
    12.

文章标题：创新互联百度小程序教程：radio单项选择器
网站路径：http://cdbrznjsb.com/article/dhcsjih.html

其他资讯

让你的专属顾问为你服务