游逗网,重度移动游戏垂直门户!

最新游戏|最新软件|游戏更新|电脑软件|电脑游戏|专题合集|合集排行
您当前位置:首页 > 资讯教程 > 软件教程 >  怎么使用微信小程序的checkbox多选项?

怎么使用微信小程序的checkbox多选项?

作者:迷糊发布时间:

  下面的这篇文章是教大家怎么使用微信小程序的checkbox多选项?教程简单易学,有需要的小伙伴就赶紧和小编一起来学习吧。

  组件说明:

  checkbox是小程序表单组件中的一个组件,作用是在表单中引导用户做出选择。

  要使用checkbox组件,还需要在同组中所有的checkbox标签外使用checkbox-group标签。

  checkbox-group标签的作用是可以为其中的checkbox标签绑定onchange事件,当用户做出选择的时候可以引导用户。

  单独的checkbox标签不会触发onchange事件,只有在checkbox-group上绑定才会触发。

  组件用法:

  wxml

  

  

  

  

  {{item.name}}

  

  

  

  复制代码

  js

  Page({

  data:{

  item: [

  {\'name\': \'俄罗斯\', \'value\': \'RS\', \'disabled\': false},

  {\'name\': \'美国\', \'value\': \'US\', \'disabled\': false},

  {\'name\': \'中国\', \'value\': \'CN\', \'disabled\': false, \'checked\': true},

  {\'name\': \'英国\', \'value\': \'UK\', \'disabled\': false},

  {\'name\': \'日本\', \'value\': \'JP\', \'disabled\': true}

  ]

  },

  changed: function(e) {

  console.info(\'你选择了\' + e.detail.value);

  }

  })

  wxss

  .items {

  display: block;

  margin: 30rpx;

  }

  复制代码

  以上就是怎么使用微信小程序的checkbox多选项的全部内容了,大家都学会了吗?

复制本文链接攻略文章为游逗网所有,未经允许不得转载。
系统教程更多
相关资讯更多
热门资讯更多
  1. 1如何在AutoCAD中选框选图形?在AutoCAD中选框选图形的方法
  2. 2QQ如何使用面对面快传?QQ使用面对面快传的方法
  3. 3怎么使用AutoCAD中的快速标注?
  4. 4如何在会声会影10中插入字幕?
  5. 5微信电脑版如何视频聊天?微信电脑版视频聊天的方法
  6. 6微信电脑版如何无限多开?微信电脑版无限多开的方法
  7. 7微信电脑版撤回消息的具体操作步骤介绍
  8. 8会声会影X7功能优势是什么?会声会影X7功能优势详解
火爆软件榜更多
精选资讯更多
热门专题全部>
热门分类全部>