单选使用radio-group标签包裹radio标签
多选使用checkbox-group 标签包裹checkbox标签
单选和多选的wxml代码文章来源:https://www.toymoban.com/news/detail-741108.html
<view class="form-container">
<!-- 实现单选 -->
<text>请输入你最喜欢的水果</text>
<radio-group bindchange="">
<radio value="" />苹果
<radio value="" />芒果
<radio value="" />火龙果
</radio-group>
<text>请选择你最喜欢的电视剧</text>
<!-- 实现多选 -->
<checkbox-group bindchange="">
<view>
<checkbox value="" />狂飙
</view>
<view>
<checkbox value="" />奥特曼
</view>
<view>
<checkbox value="" />巴拉拉小魔仙
</view>
<view>
<checkbox value="" />今日说法
</view>
</checkbox-group>
</view>
以下是wxss代码文章来源地址https://www.toymoban.com/news/detail-741108.html
/* pages/form/form.wxss */
.form-container{
width: 100%;
padding: 20rpx;
}
radio-group{
width: 100%;
height: 100rpx;
display: flex;
align-items: center;
}
checkbox-group view{
width: 100%;
height: 100rpx;
}
到了这里,关于微信小程序——实现单选、多选的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!