首頁 > web前端 > js教程 > 在微信小程式中如何顯示單一選項

在微信小程式中如何顯示單一選項

亚连
發布: 2018-06-21 16:24:46
原創
2899 人瀏覽過

這篇文章主要介紹了微信小程式使用radio顯示單選項功能,涉及針對radio元件事件回應相關操作技巧,並附帶原始碼供讀者下載參考,需要的朋友可以參考下

本文實例講述了微信小程式使用radio顯示單選項功能。分享給大家供大家參考,具體如下:

關鍵代碼

① index.wxml

<radio-group bindchange="radiogroupBindchange">
 <radio value="radio1">radio1</radio>
 <radio value="radio2">radio2</radio>
 <radio value="radio3">radio3</radio>
</radio-group>
<view>提示:{{text}}</view>
登入後複製

② index.js

Page({
 data:{
  // text:"这是一个页面"
  text:&#39;&#39;
 }, 
 radiogroupBindchange:function(e){
  console.log(e);
  this.setData({
   text:&#39;您选择了&#39;+e.detail.value
  })
 }
})
登入後複製

上面是我整理給大家的,希望未來會對大家有幫助。

相關文章:

使用VS Code編輯器如何開發AngularJS 2應用程式

在Vue中有關SPA首屏載入優化(詳細教學)

在Angular中有關管道操作符(|)用法

VS Code編輯器中關於修改選取文字或程式碼顏色運算

在微信小程式中如何使用request網路進行請求運算

#在VUE中如何實作陣列更新功能

在vuejs中使用模組化的方式開發

Vue專案最佳化需要注意哪些?

在vue-cli中如何實作元件通訊

#使用angular完成Message元件寫

使用EasyUI如何綁定Json資料來源

以上是在微信小程式中如何顯示單一選項的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板