精华内容
下载资源
问答
  • 复选框是一种可同时选中多项的基础控件,他是什么模样来,来几张图说明下 总之这个是GUI中使用频率比较高的一种控件! 二. LVGL GUI复选框小部件和样式 有两种小部件: LV_CHECKBOX_PART_BG:背景 LV_...

    一. LVGL GUI复选框控件的概念

    复选框是一种可同时选中多项的基础控件,他是什么模样来,来几张图说明下

    总之这个是GUI中使用频率比较高的一种控件!

    二. LVGL GUI复选框小部件和样式

    有两种小部件:

    LV_CHECKBOX_PART_BG:背景

    LV_CHECKBOX_PART_BULLET:指的是复选框本身的小框框,不包含文字

    写一个代码来看下:

    void lvgl_check_box_part_test(void)
    {
        lv_obj_t* cb1 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb1, "Check Box 1");
        lv_obj_align(cb1, NULL, LV_ALIGN_CENTER, 0, -40);
    
        
        lv_obj_t* cb2 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb2, "Check Box 2");
        lv_obj_align(cb2, NULL, LV_ALIGN_CENTER, 0, 0);
        lv_obj_set_style_local_bg_color(cb2, LV_CHECKBOX_PART_BG, LV_STATE_DEFAULT, LV_COLOR_RED);
    
        lv_obj_t* cb3 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb3, "Check Box 3");
        lv_obj_align(cb3, NULL, LV_ALIGN_CENTER, 0, 40);
        lv_obj_set_style_local_bg_color(cb3, LV_CHECKBOX_PART_BULLET, LV_STATE_DEFAULT, LV_COLOR_BLUE);
    }

    效果:

    三. LVGL GU复选框控件的使用

    1.  文本(Text)

    被复选框添加文本,用这个函数lv_checkbox_set_text(cb, "New text")

    代码以及效果如下:

    void lvgl_check_box_text_test(void)
    {
        lv_obj_t* cb1 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb1, "This check Box 1");
        lv_obj_align(cb1, NULL, LV_ALIGN_CENTER, 0, -40);
    
    
        lv_obj_t* cb2 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb2, "This check Box 2");
        lv_obj_align(cb2, NULL, LV_ALIGN_CENTER, 0, 0);
    
    
        lv_obj_t* cb3 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb3, "This check Box 3");
        lv_obj_align(cb3, NULL, LV_ALIGN_CENTER, 0, 40);
    }

    2. 选中/未选中(Check/Uncheck)

    复选框是否被选中,用这个函数设置复选框是否被选中,下面我们就创建两个复选框,一个默认选中,一个默认没有选中(默认就是没有选中的)

    void lvgl_check_box_check_test(void)
    {
        lv_obj_t* cb1 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb1, "This check Box 1");
        lv_obj_align(cb1, NULL, LV_ALIGN_CENTER, 0, -40);
    
    
        lv_obj_t* cb2 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb2, "This check Box 2");
        lv_obj_align(cb2, NULL, LV_ALIGN_CENTER, 0, 0);
        lv_checkbox_set_checked(cb2,true);
    }

    3. 禁用(Disabled)

    这个的意思就是把复选框灰掉,导致不可点击,用这个函数实现lv_checkbox_set_disabled(cb, true)。

    注意:

    • LVGL官网是带两个参数的,但是我用的7.10版本已经是一个参数了,只有object指针!
    • 你会发现并没有找到重新enable的函数,我自己试验发现把check状态设置了就是enable了!

    我们同样实现三个复选框,一个正常的复选框控件,第二个是禁用的,第三个是禁用后然后设置check状态后重新enable的

    void lvgl_check_box_disable_test(void)
    {
        lv_obj_t* cb1 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb1, "This check Box 1");
        lv_obj_align(cb1, NULL, LV_ALIGN_CENTER, 0, -40);
    
    
        lv_obj_t* cb2 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb2, "This check Box 2");
        lv_obj_align(cb2, NULL, LV_ALIGN_CENTER, 0, 0);
        lv_checkbox_set_disabled(cb2);
    
        lv_obj_t* cb3 = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb3, "This check Box 3");
        lv_obj_align(cb3, NULL, LV_ALIGN_CENTER, 0, 40);
        lv_checkbox_set_disabled(cb3);
        lv_checkbox_set_checked(cb3, true);
    }

    4. 获取/设置状态(Get/Set Checkbox State)

    获取状态用以下函数lv_checkbox_get_state(cb)

    设置状态用以下函数lv_checkbox_set_state(cb, state)

    其中状态值有以下:

    • LV_BTN_STATE_RELEASED

    • LV_BTN_STATE_PRESSED

    • LV_BTN_STATE_DISABLED

    • LV_BTN_STATE_CHECKED_RELEASED

    • LV_BTN_STATE_CHECKED_PRESSED

    • LV_BTN_STATE_CHECKED_DISABLED

    5. 事件(Event)

    除了基本事件外,复选框有个特殊事件

    LV_EVENT_VALUE_CHANGED :当切换复选框状态的时候会产生,我们来写个代码验证下

    static void check_box_event_handler(lv_obj_t* obj, lv_event_t event)
    {
        if (event == LV_EVENT_VALUE_CHANGED) {
            printf("State: %s\n", lv_checkbox_is_checked(obj) ? "Checked" : "Unchecked");
        }
    }
    
    void lvgl_check_box_test(void)
    {
        lv_obj_t* cb = lv_checkbox_create(lv_scr_act(), NULL);
        lv_checkbox_set_text(cb, "I agree to terms and conditions.");
        lv_obj_align(cb, NULL, LV_ALIGN_CENTER, 0, 0);
        lv_obj_set_event_cb(cb, check_box_event_handler);
    }

    好了,完结了,更多精彩继续戳↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

    展开全文
  • JS删除复选框选中行

    2020-04-08 19:35:58
    在日常报表制作中,我们会时长遇到一些需要批量操作的功能,例如数据的批量删除,而此时往往跟复选框挂钩;一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选...

    在日常报表制作中,我们会时长遇到一些需要批量操作的功能,例如数据的批量删除,而此时往往跟复选框挂钩;一般是在报表中,我们可以通过复选框的形式进行勾选,然后通过按钮或者超链接触发JavaScript事件,获取复选框选中行,在进行一键删除。

    接下来,就来讲解一下,如何通过获取复选框,获取选中行数据,进行一键删除行。

    1、报表设计

    本报表的应用是用于文件的上传和数据整理入库,此处示例多文件删除功能。

    2、JavaScript事件

    代码如下:

    //获取复选框
    var $span = $(".mr-checkbox-checkon");
    var darray = [];
    var array = [];
    var $tds = $("td").has($span);
    var len = $tds.length;
    var flat=true;
    for (var i = 0; i < len; i ++) {
    	if($($span[i]).closest('tr').css('display')!='none'){
    		flat=false;
    		break;
    	}
    }
    if(flat){
    	len=0;
     }
    if(len<=0){
    	alert("请选择记录!");
    	return;
    }
    //获取选中行
    for (var i = 0; i < len; i ++) {
       var id = $($tds[i]).attr("id");
       if (id) {
       	var rownum =contentPane.curLGP.getTDRow($tds[i])-1;
       	var wjid=contentPane.getCellValue(2,rownum);
         array.push(wjid);
       	 darray.push(id);
       	}
    }
    //删除选中行
    contentPane.deleteReportRC(null,darray);
    //array是我用来做其他操作用的,读者可以根据自身情况获取数据和操作

    3、效果图

    展开全文
  • QCheckBox 复选框

    千次阅读 2017-08-30 20:40:11
    如图所示,打算利用QT创建一个用户协议对话框,复选框指的是“同意本协议”。达到的目的是:选中同意本协议前,按键“下一步”是灰色,选中同意本协议,按键“下一步”恢复功能。 程序流程图: 首先要在Qt Designer...

    这里写图片描述
    如图所示,打算利用QT创建一个用户协议对话框,复选框指的是“同意本协议”。达到的目的是:选中同意本协议前,按键“下一步”是灰色,选中同意本协议,按键“下一步”恢复功能。
    程序流程图:
    这里写图片描述

    1. 首先要在Qt Designer 中创建需要的布局,textBrowser用来显示协议文本,checkBox创建复选框,pushButton创建按钮“下一步”和“取消”;
    2. 更改复选框和按钮的名称,作为ui调用的函数;
    3. 将“下一步”属性中的enable 取消选中,使其在一开始就是灰色的,后期通过复选框让它恢复作用;
    4. 在头文件中定义 槽(处理函数),这里声明的函数是自己定义的,
    private slots:
        int OnCheckChanged();

    5 在.cpp中将刚才定义的函数复制过来,这个函数体就是用来完成复选框被选中后的响应的,也就是说复选框被选中后,程序进入当前这个函数体中,你在这个函数里写什么,程序就执行什么,因为我们要实现让“下一步”变成可以选择的状态,使用setEnabled(true)函数即可

    int Qt5_A::OnCheckChanged()
    {
        if (ui.cbxAgree->isChecked())
        {
            ui.btnNext->setEnabled(true);
        }
        else
        {
            ui.btnNext->setEnabled(false);
        }
        return 0;
    
    }

    6 这里使用了if…else…是因为在复选框取消选中时,同时要“下一步”按钮再次变灰;
    7 现在需要进行connect连接信号和槽,才能实现刚才我们说的进入到函数的命令,

    connect(ui.cbxAgree,
            SIGNAL(stateChanged(int)),
            this, SLOT(OnCheckChanged()));

    第一个参数是复选框的名字,它是ui的一个对象;第二个参数是复选框对应的函数原型(信号),通过Qt文档可以查找每种响应所对应的信号;第三个参数是 this (不清楚为什么,写它就是了),第四个就是你在头文件中定义的槽;
    8 这时候已经把复选框的响应与按钮“下一步”关联起来了,其中的主要思想就是建立信号与槽的关联。

    展开全文
  • 复选框的name属性

    千次阅读 2018-11-12 13:04:46
    HTML表单中,一组单选按钮(radio)或是一组复选框(checkbox)其中的name都是一样的。...一组复选框(checkbox):一般将name设置为name[],如果被选中,则在数组name中添加一个元素,在处理页面将如下获...

    HTML表单中,一组单选按钮(radio)或是一组复选框(checkbox)其中的name都是一样的。
    这是为了方便在处理页面获取表单传递的值。
    一组单选按钮(radio):因为name属性相同,所以只有一个能被选中,在处理页面就直接获取,如$_GET['name'];
    一组复选框(checkbox):一般将name设置为name[],如果被选中,则在数组name中添加一个元素,在处理页面将如下获取值:
     

    <?php
        foreach ($out as $key => $value) {
    	echo "<li>";
    	echo "<input id='a".$value['c_id']."' type='checkbox' name='chk_art[]' value='".$value['c_id']."'>";
            echo "<label for='a".$value['c_id']."'>".$value['article_type']."</label>";
    	echo "</li>";
        }
    ?>

     

    使用序列化传递数据

    // 表单序列化:此方法用于一般信息字符等可以,但是上传文件不行,上传文件用formdata
    		let data = $("form").serialize();

    php处理

    if(!empty($_POST['chk_art'])){
      for($i=0; $i< count($_POST['chk_art']); $i++){
          echo $array[$i].'<br />';
      }
    }

     

    展开全文
  • 单元格下拉框实现复选框多选 将复选框链接到带有宏的单元格 (Link Check Boxes to Cells With a Macro) You can use check boxes on a worksheet, and link the results to a cell. If the box is checked, the cell...
  • vue封装复选框组件

    千次阅读 2019-05-16 23:55:20
    前言 ...checkbox复选框组件,使checkbox有三种状态: checked:ture (选中) / false (未选中) , indeterminate (部分选中) 1.利用slot插槽 2.在同一文件中用到父子通信 $emit $on 本文章的 gith...
  • 该文章主要讲解如何识别复选框CheckBox和单选按钮RadioButton 单选按钮RadioButton复选框CheckBox查找元素异常情况汇总: 单选按钮RadioButton 单选按钮也可以通过Click()方法打开 使用网页...
  • 复选框功能

    2013-05-07 22:12:38
    复选框功能是做项目经常用到问题之一,CheckBox1是复选框的id,ImageButton1是图片(注册)的id,用的是 disabled属性啦进行设置。 $(function(){  $("#CheckBox1").click(function () {  if (!this.checked) ...
  • 按钮和复选框控件

    千次阅读 2016-01-26 17:05:00
    概述本篇文章介绍Android SDK中的按钮和复选框控件。按钮可以分为多种,例如普通按钮(Button)、图像按钮(ImageButton)、选项按钮(RadioButton)、复选框(CheckBox)等Button官方介绍Class OverviewRepresents ...
  • 复选框和单选框的理解

    千次阅读 2019-07-06 19:49:07
    html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。 当type="radio"时,控件为单选框 当type="checkbox"时,控件为复选框 了解下...
  • 首先设置几个复选框控件,由于C#中的复选框不像web的表单那样可以设置一个name表示复选框属于一组,所以使用遍历复选框控件的方式获取到所有的复选框 二、定义一个List用于存储复选框的值 1.定义List集合 代码如下:...
  • html的单选框与复选框

    千次阅读 2017-06-19 12:20:30
    使用语法:值" name="名称" checked="checked"/...当 type=”checkbox” 时,控件为复选框2、value:提交数据到服务器的值(给后台程序PHP使用)3、name:为控件命名,给ASP、PHP等后台程序使用 4、checked:当设置 che
  • MFC之单选框,复选框用法案例

    千次阅读 2019-07-20 20:26:58
    MFC之单选框,复选框[用法案例] 单选框,复选框为常见的功能按键,其使用频率也不低,并且用法非常简单,下面以一个案例介绍一下单选框和复选框的使用。 1.新建一个MFC对话框工程,按如下布局添加相关按钮。 2.1. ...
  • 当CSS 最初出现时,它对表单元素的样式控制力是...不幸的是,复选框和单选框不在此列。直到今天,这两种控件在绝大多数浏览器中仍然是几乎或完全无法设置样式的。&lt;!DOCTYPE html&gt; &lt;html la...
  • 不知道小伙伴们在使用复选框(checkbox)的时候有没有觉得默认的样式实在太丑了,自己想换一个好看点的样式又感觉挺麻烦的,前几天博主就遇到了这个麻烦,然后翻阅了书籍找到了解决方法,现在和大家分享一下 ...
  • react实现单选框、复选框和下拉框

    万次阅读 2018-05-03 16:23:11
    在博文 vue.js实现单选框、复选框和下拉框中详细叙述了vue实现表单的基本原理。本文将利用react实现相同功能。一、react开发模板 使用react进行网页开发,其基本结构如下:&lt;!DOCTYPE html&gt; &lt;...
  • JDK1.7+Tomcat7.0+Eclipse+SSM+Bootstrap(含Bootstrap Table) 【心情很复杂,来一首“预谋”——专为“bug与我的相互伤害”做的歌——"反正它都不...两个forEach数据遍历相同的数据在复选框打钩jsp页面复选框更...
  • 这种情况好像是Android Studio才会出现的,我的解决办法是改变复选框的背景颜色,复选框的边框颜色不知道怎么改。 android:background="#ffffff" android:layout_alignParentRight="true" android:layout_width=...
  • //设置复选框选中  function choseCheckBox(){  var theChoseds = '${basePlace.keyAttribute}';  var strs= new Array();   strs = theChoseds.split(",");  for(i = 0; i  $("[name = keyAttribute]...
  • 纯CSS实现自定义单选框和复选框

    千次阅读 多人点赞 2020-07-14 06:49:14
    2.4 CSS3 :checked 选择器 :checked 选择器匹配每个选中的输入元素(仅适用于单选按钮或复选框)。 2.5 CSS element+element 选择器 element+element 选择器用于选择(不是内部)指定的第一个元素之后紧跟的...
  • checkbox(复选框

    千次阅读 2019-05-10 09:42:09
    checkbox(复选框)要向实现按钮功能,在定义的时候必须每个按钮都加上USER-COMMAND XX. 否则不起作用。 之所以需要在每一个定义字段加上 USER-COMMAND XX,那是因为checkbox 不能像 RADIOBUTTON一样定义 group X. ...
  • 当我们提供用户注册界面的时候,常常会用到:复选框组件(JCheckBox)单选框组件(JRadioButton)介绍两个个组件:复选框组件(JCheckBox):可以多选的选择框单选框组件(JRadioButton):只能单选的选择框注意事项...
  • 想实现点击‘物流‘即可选中第一个复选框的效果,想到的方法是在input和物流 外面加上一个label标签 这样修改后可以实现点击文字选中复选框的效果,但是最终想要的效果是点击tr就可以把复选框选中,也就是点击...
  • HTML中 单复选框的用法

    万次阅读 2018-12-06 19:40:07
    今天看了看单复选框的用法,感觉很是好玩儿 ,所以赶快来把学会的分享下! 首先,在使用表单设计调查问卷时,为了减少用户的操作,使用选择框是一个不错的选择。 HTML中有两种选择框,分别为单选框和复选框。 两者的...
  • 组框、单选按钮和复选框都是对话框的常见控件。组框与静态文本框一样是CStatic类的对象,单选按钮和复选框与命令按钮一样都是CButton类的对象。 组框 当对话框上控件较多时,可以使用组框将一组相关的控件框起来,...
  • <el-tree ref="writTree" :data="waitSelectWritList" show-checkbox node-key="id" :highlight-current="true" default-expand-a...
  • QTreeview的复选框使用

    千次阅读 2018-07-26 17:35:31
    目录: Qt树形控件QTreeView使用1——节点的操作 ...Qt树形控件QTreeView使用2——复选框的设置 利用C++11的function和bind功能,实现QStandardItemModel的通用遍历函数    通过QStandardItem和QStanda...
  • 项目中有用到iScroll做移动端滑动效果的,里面有input复选框组件; 此时出现了,点击复选框不起作用现象。 原因:由于iscroll要监听鼠标事件和触摸事件来进行滚动,所以禁止了浏览器的默认行为。 解决办法如下,...
  • 使用单选框、复选框,让用户选择

    千次阅读 2017-05-05 13:04:11
    html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。
  • //设置全选按钮选中的时候,遍历选中所有子复选框 obox.onclick = function () { for ( var i = 0; i ; i++) { ach[i].checked = this.checked; } } //子复选框有一个未选中时,去掉全选按钮的选中状态 for...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 55,148
精华内容 22,059
关键字:

复选框的作用是什么