小程序流程进阶之路_微信小程序单选radio及多选

发布时间:2021-01-07 14:15 作者:jianzhan

摘要: 手机微信微信小程序单选radio及选取checkbox按键使用方法实例 本文关键详细介绍了手机微信微信小程序单选radio及选取checkbox按键使用方法,融合案例方式剖析了手机微信微信小程序

微信小程序单选radio及多选checkbox按钮用法示例       这篇文章主要介绍了微信小程序单选radio及多选checkbox按钮用法,结合实例形式分析了微信小程序中单选radio及多选checkbox按钮的选项设置、读取、选中等相关操作技巧,需要的朋友可以参考下

本文实例讲述了微信小程序单选radio及多选checkbox按钮用法。分享给大家供大家参考,具体如下:

1.单选:radio

实例:

js:

Page({
data : {
radioId:"",
loves:[
{id:1, name:"跑步" ,checked : 'true'},
{id:2, name:"篮球" },
{id:3, name:"足球" },
updataRadio:function(e){
var Id=e.value.id
this.setData({
radioId:Id

wxml:

 radio-group bindChange="updataRadio" 
 view wx:for="{{loves}}" 
 radio value="{{item.id}}" checked="{{item.checked}}" {{item.name}} /radio 
 /view 
 /radio-group 

2.多选:CheckBox

实例:

js:

Page({
data : {
radioId:[],
loves:[
{id:1, name:"跑步" ,checked : 'true'},
{id:2, name:"篮球" },
{id:3, name:"足球" },
updataRadio:function(e){
var Id=e.value.id
this.setData({
radioId:Id

wxml:

 checkbox-group bindChange="updataRadio" 
 view wx:for="{{loves}}" 
 chechbox value="{{item.id}}" checked="{{item.checked}}" {{item.name}} /chechbox 
 /view 
 /checkbox-group 

附:多选获得的值是一个数组,单选获得的值是一个单值

希望本文所述对大家微信小程序开发有所帮助。


  • 自助式搭建房地产信息化

    做这一件事最开始是因为感觉公司现阶段的信息内容內容化系统软件手机软件并不大功能强大,也是有工作中中中不断低效的表格统计分析剖析十分多,因而就一开始思考能否本身手机

  • 如何开好一家自助餐厅?

    最近很多消费者咨询我“我认为开一个自助式式餐馆,可是不知道道道怎样做啊?”因为此我今天就在这里里里和大家共享资源一下好多年的自助式式餐馆筹备运营工作中工作经验。第

  • “微商授权管理”软件开

    “微商代理代理商授权管理方法方式”手机上手机软件开发设计设计方案流程,“微商代理代理商授权管理方法方式”手机上手机软件依据转换成唯一无二的邀请联接去发展趋势发展趋

  • 不懂代码怎么建网站?

    现如今大多数数数企业全是有所属于本身的网站,很多自己也是有本身的网站blog,甚至还可以依据本身的网站来源于主自主创业。但是很多人都不懂编号,那么怎样去做一个本身的网站

  • 网站设计公司哪家好?实

    想建一个营销推广型的网站,比照了2家,一个夸一夸其谈,可是都没有好多个好的实例,一个价格吓人,觉得不太适合!

    本人感觉整体实力突显有下列好多个,提高超人、奥美、李