表单 · form-radio 单选
input[data-type="radio"] 单选控件：与 checkbox 同构（.form-label 包裹、placeholder 标题、data-value 预选），但行为互斥——点击某一项会把同 name 的其余项全部取消。
预选与勾选态同样以 .hover 高亮，提交值即该项 value。
表单家族
索引
base
input
textarea
select
number
search
checkbox
radio
switch
choose
multipled
labels
inpselect
button
label
file
files
upload
video
image
images
imgurls
date
datetime
color
price
sms
sign
listing
json
arrays
infinite
location
latlng
editor
richtext
line
modifier
data
关键属性
| 属性 | 说明 |
|---|---|
data-type | radio（必填） |
placeholder | 标签文字 |
name | 同 name 一组互斥 |
value | 该项提交值 |
data-value | 预选：与该 value 相等即默认选中 |
单选组
<div class="form-item">
<label class="label label-text pd-none">支付方式</label>
<input type="hidden" data-type="radio" name="pay" value="alipay" placeholder="支付宝">
<input type="hidden" data-type="radio" name="pay" value="wxpay" placeholder="微信支付">
<input type="hidden" data-type="radio" name="pay" value="card" placeholder="银行卡">
</div>
默认选中
<div class="form-item">
<label class="label label-text pd-none">会员等级</label>
<input type="hidden" data-type="radio" name="level" value="1" placeholder="普通会员">
<input type="hidden" data-type="radio" name="level" value="2" placeholder="金牌会员" data-value="2">
<input type="hidden" data-type="radio" name="level" value="3" placeholder="钻石会员">
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页