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

  • radio 单项选择器
    • 属性说明
    • 示例
      • 代码示例 1：默认样式
      • 代码示例 2：列表展示
      • 代码示例 3：包含禁用选项
      • 代码示例 4：默认不选中
      • 代码示例 5：自定义颜色
      • 业务示例：自定义大小

    radio 单项选择器

    解释：单项选择器。

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

    属性说明

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

    value

    String

    否

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

    checked

    Boolean

    false

    否

    当前是否选中

    disabled

    Boolean

    false

    否

    是否禁用

    color

    Color

    #3c76ff

    否

    radio 的颜色，同 CSS 的 color

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例 1：默认样式

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

    代码示例 2：列表展示

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

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

    • SWAN
     
 
 
      
  
  
  
      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：默认不选中

    • SWAN
     
 
 
      
  
  
  
      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：自定义颜色

    • SWAN
     
 
 
      
  
  
  
      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.

    业务示例：自定义大小

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

    文章名称：创新互联百度小程序教程：radio单项选择器
    本文来源：http://www.shufengxianlan.com/qtweb/news18/535168.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    服务器托管知识

    分类信息网站

    成都包装盒设计　　 　成都定制网站　　 　LED显示屏　　 　防护网厂　　 　成都托管服务器　　 　联通机柜租用　　 　成都广告招牌制作　　 　企业网站设计　　 　华川商务　　 　成都谷歌SEO　　 　乐山服务器托管　　 　圣月阀门　　 　广告品牌策划设计　　 　软文发稿　　 　机柜租用　　 　胜锦安防科技　　 　免费收录网站　　 　自贡网站建设　　 　IOS开发　　 　H5网站制作