标签：10 checkbox name gender value radio checklist id

icon的属性

type的类型： 'success', 'success_no_circle', 'info', 'warn', 'waiting', 'cancel',
'download', 'search', 'clear'

<icon type="success" size="50" color="black"></icon>

radio单选框组件

• radio必须和父元素radio-group一起使用
• value是单选框选中的值
• radio-group需要绑定事件

js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    gender:""
  },
  handlechange(e){
    //console.log(e);
    let gender=e.detail.value;//获取单选框的值
    //var申明的变量是全局变量，其作用域为所在的函数内
	//let声明的变量是局部变量，该变量只会在最靠近{ }内的范围有效，出了{}之后，该变量就不能用了
	//const声明一个只读的常量。
    
    //赋值给data中
    this.setData({
      gender//gender:gender用法相同
      //目的是改变当前页面中的gender，是改变wxml的变量gender
    })
  }  
})

wxml

<radio-group bindchange="handlechange">
  <radio value="man">男</radio>
  <radio value="woman">女</radio>
</radio-group>
<view>您选中的是：{{gender}}</view>

checkbox复选框组件

需要搭配 checkbox-group ⼀起使⽤，且可以同时选中多个数据
其他和radio一样
js

  data: {
    list:[
      {
        id:0,
        name:"
 
 
标签：10,checkbox,name,gender,value,radio,checklist,id	

来源： https://blog.csdn.net/qq_42424228/article/details/120799952 


本站声明：
1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；

2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；

3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；

4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；

5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。