2023年微信小程序表單組件單選框 radio
<radio/>
組成的功能。在微信小程序中,使用<radio-group/>
標簽來實現(xiàn)單選框的功能。以下是一些關鍵屬性的說明:
1. <radio-group/>
屬性
bindchange
:
當<radio-group/>
中選中的<radio/>
發(fā)生變化時,會觸發(fā)change
事件。需要設置事件處理函數(shù),在事件處理函數(shù)中可以通過e.detail.value
獲取選中的<radio/>
的value值。
2. <radio/>
屬性
value
:
<radio/>
的標識,當該<radio/>
選中時,<radio-group/>
的change事件會攜帶<radio/>
的value值。checked
:
當前是否選中,默認為false。disabled
:
是否禁用,默認為false。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)
}
})
其中data
定義了<radio/>
中需要渲染的數(shù)據(jù)信息,包括每個選項的name
和value
以及默認選中項的狀態(tài)checked
。radioChange
函數(shù)用于處理<radio-group/>
的change
事件,獲取選中項的value
值。
<本文由himall原創(chuàng),商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請標明:himall原創(chuàng)>
滿足不同行業(yè)發(fā)展電商的需求,HiMall更有針對性的提供不同行業(yè)內的電商解決方案
-
跨境電商解決方案
支持直郵/保稅模式
對接海關/保稅倉
支持多國國際語言
對接Paypal國際支付
幫助跨境外貿企業(yè)搭建跨境進口/出口電商平臺,搶占國際電商市場,針對企業(yè)需求定制個性化跨境電商解決方案 -
分賬解決方案
迎合金融監(jiān)管要求
規(guī)避“二清”結算
節(jié)約平臺財務成本
降低平臺招商成本
在合法、合規(guī)的前提下,為電商平臺提供資金收付、賬戶管理、資金合規(guī)等一體化整體解決方案 -
B2B批發(fā)解決方案
多級階梯批發(fā)價
布局全渠道批發(fā)入口
專屬批發(fā)訂貨市場
銀聯(lián)B2B大額支付
為企業(yè)快速搭建綜合性B2B批發(fā)電商平臺,整合線下批發(fā)資源,拓展線上批發(fā)渠道,實現(xiàn)批發(fā)業(yè)務24小時在線經營
-
MRO工業(yè)品采購平臺系統(tǒng)|MRO工業(yè)品采購平臺系統(tǒng)有哪些功能
最新消息:MRO工業(yè)品采購平臺系統(tǒng) 是一款集產、研、銷于一體的綜合性解決方案,專為解決工業(yè)品企業(yè)的采購難題而設計。該系統(tǒng)通過...詳情
-
電子元器件采購商城系統(tǒng)|電子元器件采購商城系統(tǒng)有哪些功能
最新消息:電子元器件采購商城系統(tǒng) 是專為滿足電子元器件行業(yè)復雜業(yè)務流程需求而設計的綜合性平臺。它不僅提供了全面的技術支持...詳情
【本站聲明】
1、本網站發(fā)布的該篇文章,目的在于分享電商知識及傳遞、交流相關電商信息,以便您學習或了解電商知識,請您不要用于其他用途;
2、該篇文章中所涉及的商標、標識的商品/服務并非來源于本網站,更非本網站提供,與本網站無關,系他人的商品或服務,本網站對于該類商標、標識不擁有任何權利;
3、本網站不對該篇文章中所涉及的商標、標識的商品/服務作任何明示或暗示的保證或擔保;
4、本網站不對文章中所涉及的內容真實性、準確性、可靠性負責,僅系客觀性描述,如您需要了解該類商品/服務詳細的資訊,請您直接與該類商品/服務的提供者聯(lián)系。