小程序 单多选框点什么出什么

  单选：

wxml：

<radio-group bindchange="bindchange">

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

<radio value="woman"checked color="red">女</radio>

</radio-group>

你选中的：{{gender}}

js：

  data: {

         gender:"",

 },

  bindchange:function(e){

     console.log(e.detail.value)

     this.setData({

       gender:e.detail.value

      })

   },

多选：

wxml：

<checkbox-group bindchange="duoxuan">

<checkbox value="apple">苹果</checkbox>

<checkbox value="banana">香蕉</checkbox>

<checkbox value="pear">梨</checkbox>

<checkbox value="orange">橘子</checkbox>

</checkbox-group>

<view>我最喜欢的水果是{{fruit}}</view>

js：

  data: {

         fruit:""

  },

   duoxuan:function(e){

    console.log(e.detail.value)

    this.setData({

      fruit:e.detail.value

    })

   },

  duoxuan:function(e){
    console.log(e)
 },