checkbox.js 904 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. Page({
  2. onShareAppMessage() {
  3. return {
  4. title: 'checkbox',
  5. path: 'page/component/pages/checkbox/checkbox'
  6. }
  7. },
  8. data: {
  9. items: [
  10. {value: 'USA', name: '美国'},
  11. {value: 'CHN', name: '中国', checked: 'true'},
  12. {value: 'BRA', name: '巴西'},
  13. {value: 'JPN', name: '日本'},
  14. {value: 'ENG', name: '英国'},
  15. {value: 'FRA', name: '法国'}
  16. ]
  17. },
  18. checkboxChange(e) {
  19. console.log('checkbox发生change事件,携带value值为:', e.detail.value)
  20. const items = this.data.items
  21. const values = e.detail.value
  22. for (let i = 0, lenI = items.length; i < lenI; ++i) {
  23. items[i].checked = false
  24. for (let j = 0, lenJ = values.length; j < lenJ; ++j) {
  25. if (items[i].value === values[j]) {
  26. items[i].checked = true
  27. break
  28. }
  29. }
  30. }
  31. this.setData({
  32. items
  33. })
  34. }
  35. })