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

 

   })

  }

 

})

 

上一篇:字符串的介绍


下一篇:JS高级-3(继承,类)