欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序使用checkbox顯示多項選擇框功能【附源碼下載】

 更新時間：2017年12月11日 09:41:33   作者：FutrueJet  
這篇文章主要介紹了微信小程序使用checkbox顯示多項選擇框功能,涉及相關(guān)事件綁定與元素遍歷操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下

本文實例講述了微信小程序使用checkbox顯示多項選擇框功能。分享給大家供大家參考，具體如下：

1、效果展示

2、關(guān)鍵代碼

① 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]+','
   }
   this.setData({
    text:'您選擇了：'+temp2
   })
  }else{
   this.setData({
    text:''
   })
  }
 }
})

3、源代碼點擊此處本站下載。

關(guān)于checkbox組件的詳細用法說明還可參考官網(wǎng)：https://mp.weixin.qq.com/debug/wxadoc/dev/component/checkbox.html

希望本文所述對大家微信小程序開發(fā)有所幫助。

相關(guān)文章

  • 詳解axios是如何處理異常的

    詳解axios是如何處理異常的

    本文我們將討論?axios?中是如何處理異常的,在此之前,我們先了解以下?axios?中各種類型的異常,文中通過代碼示例講解的非常詳細,具有一定的參考價值,需要的朋友可以參考下
    2024-05-05
  • uniapp web-view組件雙向通信的問題記錄

    uniapp web-view組件雙向通信的問題記錄

    本文主要介紹在uniapp中頁面與webview組件內(nèi)頁面的雙向通信問題,本文通過圖文實例代碼相結(jié)合給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
    2024-07-07
  • JavaScript setinterval延遲一秒解決方案

    JavaScript setinterval延遲一秒解決方案

    這篇文章主要介紹了JavaScript setinterval延遲一秒解決方案,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下
    2021-09-09
  • JS中位置與大小的獲取方法

    JS中位置與大小的獲取方法

    下面小編就為大家?guī)硪黄狫S中位置與大小的獲取方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-11-11
  • js的[defer]和[async]屬性

    js的[defer]和[async]屬性

    這篇文章主要介紹了js的<script>的[defer]和[async]屬性,需要的朋友可以參考下
    2014-11-11
  • JavaScript實現(xiàn)拖動對話框效果的實現(xiàn)代碼

    JavaScript實現(xiàn)拖動對話框效果的實現(xiàn)代碼

    這篇文章主要介紹了JavaScript實現(xiàn)拖動對話框效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2020-10-10
  • JS實現(xiàn)的手機端精簡幻燈片效果

    JS實現(xiàn)的手機端精簡幻燈片效果

    這篇文章主要介紹了JS實現(xiàn)的手機端精簡幻燈片效果,涉及javascript結(jié)合時間函數(shù)動態(tài)修改頁面元素的相關(guān)技巧,需要的朋友可以參考下
    2016-09-09
  • mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法

    mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法

    今天小編就為大家分享一篇mui js控制開關(guān)狀態(tài)、修改switch開關(guān)的值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 關(guān)于Bootstrap彈出框無法調(diào)用問題的解決辦法

    關(guān)于Bootstrap彈出框無法調(diào)用問題的解決辦法

    這篇文章主要介紹了關(guān)于Bootstrap彈出框無法調(diào)用問題的解決辦法的相關(guān)資料,需要的朋友可以參考下
    2016-03-03
  • 對js eval()函數(shù)的一些見解

    對js eval()函數(shù)的一些見解

    下面小編就為大家?guī)硪黄獙s eval()函數(shù)的一些見解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08

最新評論