weixin_57362036 2021-09-28 17:18 采纳率: 45.2%
浏览 28
已结题

checkbox多选样式问题

img


现在是运用checkbox，是element组件中的，现在想实现前者的高度和后者的高度关联起来，后者是用for循环通过接口返回的，现在的问题是第二栏整体都是循环出来的（包括未选择中的和选中的都是一个div里面for循环出来）怎样实现前者和后者相关联

  • 写回答

3条回答 默认 最新

  • qq_40471785 2021-09-28 17:39
    关注

    给左边的绑定style，高度设置为右边的数组长度乘以一个复选框的高度

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • antd - Checkbox多选（Tab) 类型样式
    2021-11-03 16:14
    前端小跑堂的博客 Tab多选样式 解决方式 <Form.Item name="detectionIds" label="XXXX" rules={[{ required: true, message: '请选择XXXX' }]}> <Checkbox.Group onChange={(ids) => categoryChange(ids)} className={...
  • CheckBoxList多选样式jquery、C#获取选择项
    2020-10-26 22:31
    在IT开发领域中，CheckBoxList组件是一个常用于表单设计的控件，它允许用户在界面上做出多选选择。本文所讲述的内容集中在如何利用jquery和C#语言来实现对CheckBoxList组件中用户选中的选项进行获取。我们将会详细...
  • html checkbox多选复选框form控件元素
    2017-10-23 21:08
    廿四桥明月夜的博客 html checkbox多选复选框form控件元素 Html form checkbox多选复选框控件多选 具有代表性多项选择checkbox应用案例 多选复选框表单控件在网页中比较常见，故名可以选择多项答案。 一、...
  • Checkbox选定（支持多选）
    2018-12-10 11:01
    在网页设计和开发中，`Checkbox`是一种常用的交互元素，用于让用户进行多选操作，例如在后台管理系统中批量处理数据，或者在前端页面上让用户选择多个选项。本篇将深入探讨`Checkbox`的相关知识点，包括它的基本概念...
  • checkbox单选多选
    2019-04-04 10:01
    例如，Bootstrap提供了预设样式的Checkbox，而React、Vue、Angular等现代前端框架则提供了更高级的组件化方法来处理Checkbox的单选多选功能。例如，在React中，可以使用`useState`或`useReducer`钩子来管理Checkbox...
  • html checkbox 多选 根据数据库来显示选取和未选取,前端框架（2）DIV多选复选框框的封装和MySql数据库存取...
    2021-06-12 12:08
    闵明的博客 前端框架(二)DIV多选复选框框的封装和MySql数据库存取图可以包含的寓意和含义是文字不能比拟的，先有一个效果图你也就知道这篇文章的主要内容是关于什么问题的，省去了一大堆文字的累述，看下面这张图：这个需求就是...
  • 下拉多选checkbox
    2017-05-12 18:58
    CN-cheng的博客 下拉多选checkbox 本文原创，转载请注明出处 目录下拉多选checkbox目录 CSS代码 HTML代码 JS代码今天根据要求让实现下拉列表加入多选按钮，之前写过百度搜索效果，但是感觉不太适用。然后大概想了一下就动手开始试着...
  • Android CheckBox：多选按钮控件
    2019-07-13 20:45
    jijiangpeng的博客 多项选择按钮（CheckBox）属于输入型组件，该组件允许用户一次选择多个选项。当用户不方便在手机屏幕上直接进行输入操作时，该组件的使用显得尤为方便。 下面通过实例讲解 CheckBox 的使用方法。该实例的运行效果如...
  • 007_Checkbox多选框
    2022-02-15 21:06
    自由与束缚JavaJavaScript的博客 1.1. 一组备选项中进行多选。 1.2. Checkbox属性 参数 说明 类型 可选值 默认值 value / v-model 绑定值 string / number / ...
  • ant-vue checkbox 多选 只能选中一个demo
    2020-09-03 11:18
    hjy170314的博客 多选框时,却只需要点击其中一个就让其他的选项失效,其实也是可以使用单选框来做,但是设计图的图标是和多选框长得一模一样,又不想去修改ant-vue单选框的样式,于是就做了这个demo html部分 <a-checkbox-group v-...
  • el-checkbox角色多选组件
    2024-01-09 09:49
    @草莓小布丁的博客 checkbox多选框组件
  • 前端基础学习-select下拉框实现多选、全选
    2020-09-18 15:18
    小夭。的博客 其实在element ui里面已经实现了el-select的多选效果 主要是multiple属性，另外collapse-tags可以将他们合并成一段文字 但是这样的效果做不到可以全选 全选效果 下面是代码 页面部分 <el-form-item label=...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 10月17日
  • 已采纳回答 10月9日
  • 创建了问题 9月28日