收藏
回答

wxml页面展示逻辑(radio-group)

问题模块
API和组件



我的需求是radiogroup选择“是”,展示下面的view(公积金基数);切换为“否”,隐藏下面的view(公积金基数)。


我在下面的view做判断但是怎样才能实时获取到radiogroup切换后的value。          wx:if="{{"y"==value}}"没用啊。


请各路大神帮我解答一二!!!!

最后一次编辑于  2017-09-16  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • Adolph语
    Adolph语
    2018-01-16

    其实很简单,在bindchange这里定义的方法中,判断当前选中的是y或者n,然后setdata一个变量,再根据变量判断是否展示。

    <view class="data_body">

             <text class="data_content data_left">是否缴纳公积金:</text>

             <radio-group  class="radio-group data_right" name="doPay" bindchange="radioChange">

               <label class="radio">

                 <radio value="y" />

               </label>

               <label class="radio">

                 <radio value="n" checked="true" />

               </label>

             </radio-group>

           </view>

           <view wx:if="{{doPay=='y'}}">

             <view class="divide_line"></view>

             <view >

               <view class="data_body">

                 <text class="data_content">公积金基数:</text>

                 <input class=" textarea_wrp" type='digit' name="pfBase" placeholder='请填写公积金基数'></input>

               </view>

             </view>

    </view>

    ////////////////////////////////////////////////////

    radioChange: function (e) {

       console.log('radio发生change事件,携带value值为:', e.detail.value);

       this.setData({

         doPay: e.detail.value

       })

     },




    2018-01-16
    赞同
    回复
  • 浠*微信使用不多,有事请电话*
    浠*微信使用不多,有事请电话*
    2017-12-23

    楼主,如何解决的?

    求解。

    2017-12-23
    赞同
    回复