<!--小程序中的字体图片-->
<icon  type="success" size="23" color="#f47920"> </icon><icon  type="waiting" size="23" color="#4f5555"> </icon>
<!--单选框-->
<radio-group bindchange="handleChange"><radio value="male"   color="#009ad6">男</radio><radio  value="female"   color="#ef4136">女</radio>
</radio-group><view>你选择的是:{{gender}}
</view><!--多选框--><view><checkbox-group bindchange="handleitemchange"><checkbox wx:for="{{list}}" wx:key="id" value="{{item.value}}"  color="">  {{item.name}} </checkbox></checkbox-group><view>选中的水果:{{checklist}}</view></view>

js

Page({data: {gender: "",list:[{id:0,name:"苹果",value:"apple"},  {id:1,name:"葡萄",value:"grape"},  {id:2,name:"香蕉",value:"bannaner"}],checklist: []},handleChange(e){//console.log(e);//获取单选框的值let gender = e.detail.value;//把值赋给data中的数据this.setData({ //gender:gender; 一样的效果gender})},//多选框的选中事件handleitemchange(e){//console.log(e);
//获取多选框的值
const checklist = e.detail.value;
this.setData({checklist})}
})

2021-07-03图标,选择框相关推荐

  1. 安卓进阶系列-03上弹选择框(PopupDialog)的使用

    主要介绍上弹选择框的使用,这个功能基于Dialog实现,为安卓开发常见控件之一.实现方式并非利用第三方控件而是利用安卓原生对话框控件,不过样式自定义了. 1.布局使用 <?xml version ...

  2. android checkbox 文字和图标间距,CheckBox选择框和文字设置间距

    由于界面美观度的需求,需要自定义CheckBox的选择框. 传统的方法是先定义一个CheckBox的自定义style,如下: style中使用的checkbox_selector.xml 最后在布局文 ...

  3. 图标选择模态框antd封装

    在开发中很多时候会用到图标这些东西,尤其是在菜单部分会有一个菜单图标的选项,一般为了保证这个图标在图标库中是存在的,会让用户直接选择而不是手动填写,因为在多次开发中都遇到了这个于是将其代码抽离出来,便 ...

  4. 选择框,单选框,组合框,列表框

    选择框  为多选框,是方框 单选框  为圆形按钮 组合框  为有下拉键头的,信息组合起来的. 列表框   显示信息表项的. 转载于:https://www.cnblogs.com/wanghj-dz/ ...

  5. 新手如何理解一个Web应用的构建(2021.07.29更新)

    Web应用构建 ==前言== 我为什么写这篇文章? 适合什么样的人看? ==摘要== 步骤汇总 (1)网站定位与功能设定 (2)信息架构 (3)UI设计 (4)应用架构 (5)开发 (6)部署 (7) ...

  6. 【Yolov5】1.认真总结6000字Yolov5保姆级教程(旧版本2021.08.03作为备份)

    旧版本2021.08.03 新版本https://blog.csdn.net/m0_53392188/article/details/119334634​​​​​​​ 以作备份 目录 一.前言 二.学 ...

  7. 如何为“选择”框创建占位符?

    我正在使用占位符进行文本输入,效果很好. 但是我也想为我的选择框使用一个占位符. 当然,我可以使用以下代码: <select><option value=""&g ...

  8. 自定义组合控件:下拉选择框

    Spinner 自定义组合控件之下拉选择框 项目概述 下拉选择框主要是通过在EditText 下用PopupWindow 动态显示ListView 控件来实现的.下拉选择框可以方便用户的输入效率,以此 ...

  9. fluent design_Fluent Design单选按钮,复选框,选择框,Java菜单

    fluent design 这次我对JMetro进行了重大更新. 3.8版带来了以下新的Fluent Design (FDS)启发风格(深色和浅色)和更新: 新的单选按钮样式: 复选框的新样式: 菜单 ...

  10. Fluent Design单选按钮,复选框,选择框,Java菜单

    这次我对JMetro进行了重大更新. 3.8版引入了以下新的Fluent Design (FDS)启发风格(深色和浅色)和更新: 新的单选按钮样式: 复选框的新样式: 菜单的新样式: 更新了上下文菜单 ...

最新文章

  1. 单例模式的两种实现方式对比:DCL (double check idiom)双重检查 和 lazy initialization holder class(静态内部类)...
  2. 6月第1周回顾:华为再现猝死 中国成全球最大宽带市场
  3. mysql与jframe_java-如何在JFrame上显示从mysql检索到的图像
  4. android点击下拉历史记录,uni-app,社交应用中,聊天页面下拉onPullDownRefresh获取历史消息,数据合并之后,滚动到下拉之前的位置,页面看不见闪动,完美解决...
  5. SqlServer优化:当数据量查询不是特别多,但数据库服务器的CPU资源一直100%时,如何优化?...
  6. TP5:异常处理封装——3
  7. python考试有什么用_Python有什么用?2020年学习Python的10个理由
  8. Linux 中 VIM 的使用
  9. android 版本更新工具类_报表分析工具FastReport .Net 2021年超大版本更新,实现了对.NET 5的支持...
  10. [极客大挑战 2019]Knife [RoarCTF 2019]Easy Calc
  11. 聊聊区块链,虽然我不挖矿!
  12. 一维装箱问题 java_c语言来实现贪心算法之装箱问题
  13. Maven-打外部jar包
  14. word插入图片被文字挡住问题
  15. 网络协议笔记-数据链路层
  16. 想悄悄的做渗透测试?这里的工具足够你用了
  17. android中颜色对应的值
  18. linux下main函数的返回值问题
  19. 我要创办一家公司,干翻JetBrains和IDEA!
  20. 搭载TI最强芯片CC2652RB,昇润科技突破技术壁垒给你的电子产品“另一种心跳”

热门文章

  1. HashMap hash 原理分析
  2. 《版式设计——日本平面设计师参考手册》—第1章置入其他格式的文件
  3. 04 - Masonry使用练习
  4. 修改设置Tomcat内存
  5. SQL 2008 FileStream数据类型
  6. 国家建筑标准设计图集
  7. vue里动态设置并获取ref
  8. 记录一次手机联系人整理(XML文件格式处理)
  9. Zookeeper(一) zookeeper基础使用
  10. Centos7搭建pptp一键安装脚本