WeChat アプレット チェックボックス コンポーネントの詳細な紹介

この記事では主に、WeChat アプレットのチェックボックス コンポーネントの詳細な導入に関する関連情報を紹介します。必要な友人はそれを参照してください

チェックボックスのデフォルトのスタイルは本当に少し醜いことに文句を言わなければなりません。 ！ ！チェックボックス コンポーネントは、チェックボックス グループに配置される複数選択ボックスであり、リスニング イベントはチェックボックス グループ (チェックボックスのみを含めることができます) に設定されます。

チェックボックスグループ監視メソッド:

チェックボックス複数選択属性:

wxml

<!--checkbox-group就是一个checkbox组 有个监听事件bindchange，监听数据选中和取消-->
<checkbox-group bindchange="listenCheckboxChange">
<!--这里用label显示内容，for循环写法 wx:for-items 默认item为每一项-->
 <label style="display: flex;" wx:for-items="{{items}}">
 <!--value值和默认选中状态都是通过数据绑定在js中的-->
  <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
 </label>
</checkbox-group>

js

りー

以上がWeChat アプレット チェックボックス コンポーネントの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。