L'applet WeChat utilise une case à cocher pour afficher la fonction de zone de sélection multiple [code source joint]

Cet article présente principalement la fonction d'utilisation de cases à cocher pour afficher plusieurs cases de sélection dans l'applet WeChat, impliquant des techniques associées de liaison d'événements et d'opérations de traversée d'éléments, et est livré avec le code source que les lecteurs peuvent télécharger et consulter. référez-vous à lui

L'exemple de cet article décrit l'applet WeChat utilisant une case à cocher pour afficher plusieurs cases de sélection. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. Affichage des effets

2. Code clé

① index.wxml

<checkbox-group bindchange="checkboxgroupBindchange">
 <checkbox value="checkbox1">checkbox1</checkbox>
 <checkbox value="checkbox2">checkbox2</checkbox>
 <checkbox value="checkbox3">checkbox3</checkbox>
</checkbox-group>
<view>提示：{{text}}</view>

② index .js

Page({
 data:{
  // text:"这是一个页面"
  text:''
 },
 checkboxgroupBindchange:function(e){
  var temp1=e.detail.value
  var temp2=''
  console.log(temp1)
  if(temp1.length!=0){
   for(var i=0,len=temp1.length;i<len;i++){
    temp2=temp2+temp1[i]+&#39;,&#39;
   }
   this.setData({
    text:&#39;您选择了：&#39;+temp2
   })
  }else{
   this.setData({
    text:&#39;&#39;
   })
  }
 }
})

3. Code source

Instructions d'utilisation détaillées pour le Les composants de case à cocher sont également disponibles. Reportez-vous au site officiel :

https://mp.weixin.qq.com/debug/wxadoc/dev/component/checkbox.html

Le ci-dessus est l'intégralité du contenu de cet article, j'espère qu'il sera utile. L'apprentissage de tout le monde est utile. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

L'applet WeChat utilise la radio pour afficher la fonction d'option unique [code source joint]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!