Das WeChat-Applet verwendet ein Kontrollkästchen, um die Funktion mehrerer Auswahlfelder anzuzeigen [Quellcode beigefügt]

Dieser Artikel stellt hauptsächlich die Funktion der Verwendung von Kontrollkästchen zum Anzeigen mehrerer Auswahlfelder im WeChat-Applet vor, einschließlich verwandter Ereignisbindungs- und Elementdurchlauf-Operationstechniken, und enthält Quellcode, den Leser herunterladen und darauf verweisen können siehe es

Das Beispiel in diesem Artikel beschreibt das WeChat-Applet, das ein Kontrollkästchen verwendet, um mehrere Auswahlfelder anzuzeigen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Effektanzeige

2. Schlüsselcode

① 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. Quellcode

Detaillierte Anweisungen zur Verwendung der Checkbox-Komponente finden Sie unter Weitere Informationen finden Sie auf der offiziellen Website: https://mp.weixin.qq.com/debug/wxadoc/dev/component/checkbox.html

Das Obige ist das Ganze Ich hoffe, dass der Inhalt dieses Artikels für das Lernen aller nützlich sein wird. Wenn Sie Hilfe benötigen, schauen Sie sich bitte die chinesische PHP-Website an, um weitere verwandte Inhalte zu erhalten!

Verwandte Empfehlungen:

WeChat-Applet verwendet Radio, um Einzeloptionsfunktion anzuzeigen [Quellcode beigefügt]

Das obige ist der detaillierte Inhalt vonDas WeChat-Applet verwendet ein Kontrollkästchen, um die Funktion mehrerer Auswahlfelder anzuzeigen [Quellcode beigefügt]. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!