文档章节

微信小程序把玩(十九)radio组件

Mr韦淋
 Mr韦淋
发布于 2017/05/07 20:22
字数 164
阅读 20
收藏 0

这里写图片描述

radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别

主要属性:

这里写图片描述

这里写图片描述

wxml

<!--设置监听器,当点击radio时调用--> <radio-group bindchange="listenerRadioGroup"> <!--label通常与radio和checkbox结合使用--> <label style="display: flex" wx:for-items="{{array}}"> <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}} </label> </radio-group>

js

Page({
  data:{
    array:[
        {name: 'Jave', value: 'Android', checked: 'true'},
        {name: 'Object-C', value: 'IOS'},
        {name: 'jsx', value: 'ReactNative'},
        {name: 'js', value: 'WeChat'},
        {name: 'Python', value: 'Web'},
    ]
  },
  /** * radio监听事件 */
  listenerRadioGroup:function(e) {
      console.log(e);
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})

本文转载自:http://blog.csdn.net/u014360817/article/details/52668808

共有 人打赏支持
Mr韦淋
粉丝 2
博文 80
码字总数 23114
作品 0
江门
高级程序员
私信 提问
ZanUI-WeApp 3.0.9 发布,微信小程序 UI 库

ZanUI-WeApp 3.0.9 已发布,更新内容如下: 新特性 Cell 组件新增 no-border 属性 #369 新增 Radio 组件 #354 改进 优化 Dialog 弹窗组件对 open 信息的处理 #366 优化 Cell 组件默认 slot 展...

王练
07/18
1K
0
前端资源系列(3)-微信小程序开发资源汇总

微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者工具 - 官方 Egret Wing 3.2.x 支持微信...

xzavier
08/27
0
0
微信小程序插件 - 开发教程

昨天(2018.3.13),微信小程序发布了重大功能更新,支持插件的使用和开发,个人预计,不超过2个月,优质服务的插件将会如雨后春笋般涌现。 这篇文章,我将会带大家,从0开始,学习如何开发和...

理工男海哥
03/14
554
0
微信小程序开发框架从入门到放弃

用框架是不可能用框架的,这辈子都不可能用框架。 微信小程序上手成本低,开发成本低,流量红利,推广成本低等等,很多公司的创业项目都会首选小程序来试水,小程序开发太火爆了,苦逼了前端工...

Runner羊
07/24
0
0
微信小程序selectComponent获取自定义子组件

一、微信小程序中父组件获取子组件对象方法 1.selectComponent,返回选择器的第一个组件 2.selectAllComponents,返回选择器的组件列表 参数为选择器。 使用示例:...

tianma3798
10/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

java单例设计模式

实现方法一 package com.hs.pattern.singleton;/** * 优点:实现简单 * 缺点:线程不安全 * 例如:当两个线程都运行到if( singleton == null ),而singleton确实为空,则两个线程都...

yangyangyyyy
4分钟前
0
0
MacOS下安装MongoDB数据库

官方链接:Install MongoDB Community Edition on macOS 推荐大家使用Homebrew安装 ##1.更新 Homebrew’s 包版本 brew update 2.安装MongoDB brew install mongodb 休息片刻,等他安装完就...

凌宇之蓝
5分钟前
0
0
Linux系统如何定制History输出格式

Linux系统使用History命令来查看系统的运行记录,从而找出一些问题。但是History输出的数据中常常没有时间等信息。本文就来教大家Linux系统如何定制History输出格式。   具体方法如下 以r...

Linux就该这么学
8分钟前
0
0
Add Digits(leetcode258)

Given a non-negative integer num, repeatedly add all its digits until the result has only one digit. Example: Input: 38 Output: 2 Explanation: The process is like: 3 + 8 = 11, 1......

woshixin
9分钟前
0
0
android简洁饼状图组件、圆形Menu菜单、画板画笔应用、答题应用等源码

Android精选源码 android自动监听复制内容源码 Android上简洁轻量级的饼图控件 好看的 Android 圆形 Menu 菜单效果 android画笔、画板功能效果的实现 Android撸一个Android图表框架 支持 It...

Android爱开源
12分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部