溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

微信小程序表單組件單選框radio怎么用

發(fā)布時(shí)間：2022-03-10 10:03:45 來源：億速云 閱讀：705 作者：iii 欄目：開發(fā)技術(shù)

這篇文章主要介紹了微信小程序表單組件單選框radio怎么用的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇微信小程序表單組件單選框radio怎么用文章都會有所收獲，下面我們一起來看看吧。

微信小程序單選框radio

radio-group

單項(xiàng)選擇器，內(nèi)部由多個(gè)<radio/>組成。

屬性名 類型 默認(rèn)值 說明
bindchange EventHandle   <radio-group/>中的選中項(xiàng)發(fā)生變化時(shí)觸發(fā)change事件，event.detail = {value: 選中項(xiàng)radio的value}

radio

單選項(xiàng)目

屬性名 類型 默認(rèn)值 說明
value String  <radio/>標(biāo)識。當(dāng)該<radio/>選中時(shí)，<radio-group/> 的change 事件會攜帶<radio/>的value
checked Boolean false 當(dāng)前是否選中
disabled Boolean false 是否禁用
color Color   radio的顏色，同css的color
<radio-group class="radio-group" bindchange="radioChange"><label class="radio" wx:for="{{items}}"><radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}</label></radio-group>
Page({ 
  data: {
    items: [
      {name: 'USA', value: '美國'},
      {name: 'CHN', value: '中國', checked: 'true'},
      {name: 'BRA', value: '巴西'},
      {name: 'JPN', value: '日本'},
      {name: 'ENG', value: '英國'},
      {name: 'TUR', value: '法國'},
    ]
  },
  radioChange: function(e) {console.log('radio發(fā)生change事件，攜帶value值為：', e.detail.value)
  }
})

關(guān)于“微信小程序表單組件單選框radio怎么用”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“微信小程序表單組件單選框radio怎么用”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手