• radio 單項(xiàng)選擇器
  • 屬性說明
  • 示例
    • 代碼示例 1：默認(rèn)樣式
    • 代碼示例 2：列表展示
    • 代碼示例 3：包含禁用選項(xiàng)
    • 代碼示例 4：默認(rèn)不選中
    • 代碼示例 5：自定義顏色
    • 業(yè)務(wù)示例：自定義大小

radio 單項(xiàng)選擇器

解釋：單項(xiàng)選擇器。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了任丘免費(fèi)建站歡迎大家使用！

屬性說明

屬性名	類型	默認(rèn)值	必填	說明
value	String		否	組件標(biāo)識。當(dāng)該 選中時(shí)， 的 change 事件會攜帶 的 value
checked	Boolean	false	否	當(dāng)前是否選中
disabled	Boolean	false	否	是否禁用
color	Color	#3c76ff	否	radio 的顏色，同 CSS 的 color

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗(yàn)

代碼示例

請使用百度APP掃碼

代碼示例 1：默認(rèn)樣式

• SWAN

 
 
 

  
  
  

  
  
  
 
  
  
  
 默認(rèn)樣式
  
  
  
 
  
  
  
 
  
  
  
 單選項(xiàng)一
  
  
  
 單選項(xiàng)二
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

 
 
 

代碼示例 2：列表展示

• SWAN
• JS

 
 
 

  
  
  

  
  
  
 
  
  
  
 列表展示
  
  
  
 
  
  
  
 
  
  
  
 {{item.text}}
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

 
 
 

代碼示例 3：包含禁用選項(xiàng)

• SWAN

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 包含禁用選項(xiàng)
  
  
  
 disabled
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 可用選項(xiàng)
  
  
  
 可用選項(xiàng)
  
  
  
 
  
  
  
 禁用選項(xiàng)
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

 
 
 

代碼示例 4：默認(rèn)不選中

• SWAN

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 默認(rèn)不選中
  
  
  
 checked="false"
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 單選項(xiàng)一
  
  
  
 單選項(xiàng)二
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

 
 
 

代碼示例 5：自定義顏色

• SWAN

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 自定義顏色
  
  
  
 color="#00BC89"
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 單選項(xiàng)一
  
  
  
 單選項(xiàng)二
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

 
 
 

業(yè)務(wù)示例：自定義大小

• SWAN
• CSS

 
 
 

  
  
  

  
  
  
 
  
  
  
 自定義大小
  
  
  
 
  
  
  
 
  
  
  
 單選項(xiàng)一
  
  
  
 單選項(xiàng)二
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  

 
 
 

網(wǎng)頁題目：創(chuàng)新互聯(lián)百度小程序教程：radio單項(xiàng)選擇器
轉(zhuǎn)載源于：http://uogjgqi.cn/article/dhcsjih.html