标签：group 单选框 gender js 学习 radio 选中

radio 学习

https://developers.weixin.qq.com/miniprogram/dev/component/icon.html

wxml  

<!--pages/radio/radio.wxml-->

 

<!--  

  radio 单选框 

  1 radio标签  必须要和 父元素 radio-group 一起使用

  2 value 选中的单选框的值 

 3  需要给radio-group 绑定 change 事件 

 4 需要在页面中显示选中的值 

 

 -->

 

  <radio-group bindchange="handleChange"> 

          <radio value="male">男</radio>

          <radio value="female">女</radio>

 

 

  </radio-group>

 

   <!--  花括号里面的肯定是一个变量。这里定义了一个gender的变量。 -->

  <view>您选中的是：{{gender}}</view>

---------------------------

js

 

// pages/radio/radio.js

Page({

 

  /**

   * 在这里写逻辑。 

   * 

   * 

   */

  data: {

   gender:" "

  },

  handleChange(e){

    //   解说 ； 真正需要的值 （值=要输出的内容），就藏在e里面了。 

     // 1 获取单选框中的值   正常let有空格，然后输入了。但是报错

    //  Let gender=e.detail.value;

    //2 把值 赋值给data中的数据

   this.setData({

   gender

 

   })

  }

 

})

 

标签：group,单选框,gender,js,学习,radio,选中
来源： https://blog.csdn.net/chenggong9527/article/details/115286774

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。