Detailed example code of checkbox component of WeChat applet

This article mainly introduces the detailed explanation and simple examples of the checkbox component of the WeChat applet. Friends in need can refer to the

implementation renderings:

checkbox-group

Multi-select item group, internally composed of multiple checkbox.

checkbox-group can only contain checkbox

checkbox

Multi-select items.

Example:

 
 {{item.value}}
 

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)
 }
})

Thanks for reading, I hope it can help everyone, thank you for your support of this site!

The above is the detailed content of Detailed example code of checkbox component of WeChat applet. For more information, please follow other related articles on the PHP Chinese website!