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

この記事では主に、WeChat アプレットのチェックボックス コンポーネントの詳細な説明と簡単な例を紹介します。必要な場合は、

実装レンダリングを参照してください:

checkbox-group

multi-select プロジェクト グループ。 , 内部は複数のcheckboxで構成されています。

チェックボックスグループにはチェックボックスのみを含めることができます

属性名	タイプ	デフォルト値	説明
bindchange	EventHandle		チェックボックスグループで選択した項目がトリガーを変更します変更イベント、detail = {value:[選択されたチェックボックスの値の配列]}

checkbox

複数選択項目。

disabledBooleanfalse無効かどうかcheckedBooleanfalse現在選択されているかどうか、デフォルトの選択を設定するために使用できます

属性名	タイプ	デフォルト値	説明
value	String		チェックボックスの識別、選択されたときにチェックボックスグループの変更イベントをトリガーする、チェックボックスの値をキャリー

例:

<checkbox-group bindchange="checkboxChange">
 <label class="checkbox" wx:for-items="{{items}}">
 <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
 </label>
</checkbox-group>

Page({
 data: {
 items: [
 {name: 'USA', value: '美国'},
 {name: 'CHN', value: '中国', checked: 'true'},
 {name: 'BRA', value: '巴西'},
 {name: 'JPN', value: '日本'},
 {name: 'ENG', value: '英国'},
 {name: 'TUR', value: '法国'},
 ]
 },
 checkboxChange: function(e) {
 console.log('checkbox发生change事件，携带value值为：', e.detail.value)
 }
})

読んでいただきありがとうございます。皆さんのお役に立てれば幸いです。このサイトをサポートしていただきありがとうございます!

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