多选框实现单选

作者: 李小白呀 | 来源:发表于2023-03-08 11:32 被阅读0次

UGUI 使用Toggle组件来实现背包页
7-2.表单-HTML基础
2019-10-28
《GUI设计禁忌》2.1 使用了错误的控件
Jquery iCheck
radio单选框的选中与取消
如何用最原始的方法实现选项卡的效果（input）
6.1基本用法和6.2绑定值
vue中element table 单选,添加单选框
v-model和表单元素大集合及修饰符的使用

1.两个多选框实现单选功能

 <el-checkbox-group v-model="sex" true-lable='男' false-lable='女'>男 </el-checkbox-group>
 <el-checkbox-group v-model="sex" true-lable='女' false-lable='男'>女</el-checkbox-group>

2.多个多选框实现单选功能

 <el-checkbox-group
   v-model="coloringPagesType"
   @change="setMealSelect"
 >
   <el-checkbox
     v-for="item in this.selectData.coverMaterialType"
     :label="item.itemValue"
   ></el-checkbox>
 </el-checkbox-group>


methods:{
    setMealSelect() {
      this.coloringPagesType = this.coloringPagesType.slice(-1)
    }
}

UGUI 使用Toggle组件来实现背包页
使用Toggle组件来实现背包页 UGUI的Toggle组件也就是单选框。我们可以使用这个单选框来实现背包页。当选...
7-2.表单-HTML基础
六、单选框 1.是什么? 在HTML中，单选框也是使用Input标签来实现的，其中type属性取值为radio。 ...
2019-10-28
相同的name实现单选框radio互斥值绑定
《GUI设计禁忌》2.1 使用了错误的控件
2.1.1 复选框和单选框 1：错把复选框当做单选框2：错把单选框当做复选框当位置有限时，可以用以下方式替代...
Jquery iCheck
表单复选框、单选框控件美化插件主要作用为: 渲染并美化当前页面的复选框或单选框响应复选框或单选框的点击事件页...
radio单选框的选中与取消
需求：单选框可重复点击选中和取消；背景：单选框只可以选中，取消需要点击其他单选框。解决方案：
如何用最原始的方法实现选项卡的效果（input）
前面介绍过input表单，input表单中有单选框，我们今天就看一下如何用input表单中的单选框来实现选项卡的效...
6.1基本用法和6.2绑定值
单选框复选框下拉列表绑定值单选按钮在业务中，有时需要绑定一个动态的数据，这时可以用v-bind来实现复...
vue中element table 单选,添加单选框
vue项目中,element table需要单选,但是组件自带的单选选中样式为高亮,不如单选框明显,想要改为单选框...
v-model和表单元素大集合及修饰符的使用
1.input框 2.单选框radio h5写法： Vue写法： 3.勾选框checkbox 单选框情景多选框场...