アプレットは、マイクロチャネルのラジオボタンを実装します

wxml:

<ビュークラス=「パラメータラップ」>
<ブロックWX:キー= "パラメータ": "{{パラメータ}}" WX =ため>
<ボタンクラス= 'パラメータ情報テキストオーバー{?{item.checked "checked_pa​​rameter": ""}}' データID = '{{item.id}}' bindtap = 'parameterTap'> {{item.name }} </ボタン>
</ブロック>
</ビュー>
 
JS:
 
データ:{
パラメータ:[{ID:1、名称: '行方不明'}、{ID:2、名称: '物事通知を見つけます'}]、
}
 
 
parameterTap:関数(E){
// eが取得さe.currentTarget.dataset.idは同様のデータIDを取得する方法のフロントエンドと、が必要です
これを= VAR
VAR this_checked = e.currentTarget.dataset.id
VAR parameterListに= this.data.parameter //取得配列JSON
{(; iはparameterList.lengthを<I ++がVAR I = 0)のための
IF(parameterListに[I] .ID == this_checked){
parameterListに[I] =真.checkedを; //現在のクリック位置が選択されていることは事実であります
}
他の{
parameterListに[I] = falseを.checkedを; //別の位置はfalseです
}
}
that.setData({
パラメータ:parameterListに
})
}、
 
CSS:
 
.checked_pa​​rameter {
背景:#36ab60。
パディング:3px;
国境半径:10pxの;
色:#FFF;
}
 

おすすめ

転載: www.cnblogs.com/lsyy2017/p/11564473.html