radio 單項(xiàng)選擇器

解釋：?jiǎn)雾?xiàng)選擇器。

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

屬性說(shuō)明

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

示例

跳轉(zhuǎn)編輯工具

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

在 WEB IDE 中打開(kāi)

掃碼體驗(yàn)

代碼示例

請(qǐng)使用百度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)二

分享文章：創(chuàng)新互聯(lián)百度小程序教程：radio單項(xiàng)選擇器
文章URL：http://fisionsoft.com.cn/article/dhcsjih.html

新聞中心