wxml页面展示逻辑(radio-group)
发布于 6 年前 作者 guona 3583 次浏览 来自 问答

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

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

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

2 回复

其实很简单,在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

   })

 },

楼主,如何解决的?

求解。

回到顶部