首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

AngularDart Material Design 复选框

用户可以点击该复选框选中取消选中它。 通常使用复选框允许用户从一组中选择多个选项。如果您有一个ON/OFF选项,请避免使用单个复选框使用material-toggle。...disabled bool  复选框是否不应响应事件,并且具有暗示不允许交互样式。 indeterminate bool 复选框替代状态,而不是用户可设置状态。...checked和indeterminate之间,只有一个可以是真的,尽管两者都可能是。 true是INDETERMINATE而false不是。...indeterminateToChecked bool  确定切换indeterminate状态时要进入状态。 true将去检查,false将取消选中。...checkedChange Stream 选中取消选中复选框时触发,但设置indeterminate时则不触发。 发送checked状态

1.9K40

【译】W3C WAI-ARIA最佳实践 -- 表单

复选框 WAI-ARIA支持两种类型 checkbox: 双态: 最常见复选框类型,它允许用户两个状态切换——选中、未选中. 三态: 这种类型复选框支持额外第三种状态 - 部分选中....如果该组没有选项被选中,该三态复选框呈现整体状态为未选中。 用户仅使用一个操作,就可以改变三态复选框组中所有选项状态选中整体复选框,可以选中所有选项。...取消选中整体复选框,可以取消选中所有选项。 并且,某些实现,系统可能会记住上次选中选项,整体状态为部分选中。如果提供了此功能,第三次激活整体复选框会恢复选项组中部分被选中状态。...- (可选):当焦点位于未选中menuitemradio上时,不会关闭菜单,选中聚焦 menuitemradio,取消选中同一组任何其他已选中 menuitemradio 元素。...Left Arrow 和 Up Arrow: 移动焦点到组合上一个单选按钮,取消选中先前聚焦按钮,选中新聚焦按钮。如果焦点在第一个按钮上,焦点移动到最后一个按钮。

8.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    软件测试|超好用超简单Python GUI库——tkinter(十二)

    默认情况下,variable 选项设置为 1 表示选中状态,反之则为 0,表示不选中。onvalue通过设置 onvalue 值来自定义选中状态值。...indicatoron默认为 True,表示是否绘制用来选择选项小方块,当设置为 False 时,会改变原有按钮样式,单选按钮相同selectcolor选择框颜色(即小方块颜色),默认由系统指定...desellect()取消 Checkbutton 组件选中状态,也就是设置 variable 为 offvalueflash()刷新 Checkbutton 组件,对其进行重绘操作,即将前景色背景色互换从而产生闪烁效果...invoke()调用 Checkbutton command 选项指定函数或方法,返回函数返回值2....复选框按钮 variable值,设置为 onvalue =1 ,表示选中状态check1.select ()# 取消第一个复选框选中状态check1.toggle()check1.pack (side

    87130

    04_使用JS完成功能

    (是否选中) 获取复选框:var checkAllEle = document.getElementById(“id”) 获取复选框状态:checkAllEle.checked=true表示选中,...("checkOne"); //4.对获取所有复选框进行遍历 for(var i=0;i<checkOnes.length;i++){ //5.拿到每一个复选框,并将其状态置为选中...("checkOne"); //7.对获取所有复选框进行遍历 for(var i=0;i<checkOnes.length;i++){ //8.拿到每一个复选框,并将其状态置为未选中...第四步:遍历二维数组省份 第五步:将遍历省份用户选择省份比较 第六步:如果相同,遍历该省份下所有的城市 第七步:创建城市文本节点 第八步:创建option元素节点 第九步:将城市文本节点添加到...option元素节点中去 第十步:获取第二个下拉列表,并将option元素节点添加进去 第十一步:每次操作前清空第二个下拉列表option内容。

    3.9K60

    C++ Qt开发:CheckBox多选框组件

    Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,Qt我们可以通过拖拽方式将不同组件放到指定位置,实现图形化开发极大方便了开发效率,本章将重点介绍CheckBox...之前文章RadioButton组件不同,CheckBox组件支持多项选择以及三态支持,即可以是选中、未选中或半选中状态。...setChecked(bool check) 设置复选框状态,true 表示选中,false 表示未选中。 text() const 返回复选框文本标签。...首先在主构造函数MainWindow通过使用setTristate()将前三个半选框设置为三态状态使用setEnabled()将前三个选择框设置为可选择状态,代码如下所示; #include "mainwindow.h...stateChanged(int)点击确定跳转到选择框事件来,事件int state参数则代表选择框传回状态码,通过判断状态码Qt::Checked则代表选中、Qt::PartiallyChecked

    59910

    后台系统设计(上篇:选择)

    ·在用户单选按钮交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中和禁用)。...二、复选框 允许用户从非互斥选项,选择任意数量选项(零个、一个或多个) 单个使用时,复选框提供了两个互斥(二元)操作选项。 外观 常规: ? ? 全选操作(未全选状态): ?...·在用户复选框交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中、禁用和未全选状态)。 讨论:仅有两个互斥选项(二元)是选择单选按钮还是复选框?...习惯用法是遵循互联网产品一些默认处理方式,例如,注册同意条款就是使用复选框。...·在用户切换开关交互时,请提供良好视觉反馈,且切换开关本身状态提供良好能供性(关闭、开启、禁用)。 讨论:切换开关在用户更改后立即触发命令执行? 此说法并非绝对。

    9.7K21

    Matlab系列之GUI设计基础

    : •如果为复选框、按钮、单选按钮或切换按钮指定一个元胞数组,则 MATLAB 仅显示元胞数组第一个元素。...'togglebutton' 可具有两种状态(未按下和按下)按钮。每次点击切换按钮时,它状态都会发生变化。 'checkbox' 可具有两种状态选中取消选中复选框。...当用户在其上点击释放鼠标按钮时,状态发生变化。 'radiobutton' 可具有两种状态(选择和取消选择)按钮。单选按钮一组相关单选按钮中有意安排为互斥。 'edit' 可编辑文本字段。...(3)Callback - 用户控件交互时执行回调函数 Note:''(默认) | 函数句柄 | 元胞数组 | 字符串 此函数使控件响应用户输入,例如按钮点击、滑动条移动或复选框选中。...'listbox' Value 属性等于列表选定项对应数组索引。值 1 对应于列表第一个项目。 'popupmenu' Value 属性等于弹出式菜单选定项对应数组索引。

    5.9K10

    CompoundButton

    大家好,又见面了,我是你们朋友全栈君。 CompoundButton 具有两种状态按钮,选中和未选中。当按钮被按下或点击时,状态会自动改变。...这是一个抽象类,目前有的子类有 复选框,单选按钮,开关,切换按钮。 复选框 复选框是一种特定类型状态按钮,可以选中取消选中。 单选按钮 单选按钮是两个状态按钮,可以选中也可以取消选中。...转变 Switch 是一个双态切换开关小部件,可以两个选项之间进行选择。 切换按钮 将选中/未选中状态显示为带有“指示灯”指示器按钮,默认情况下带有文本“ON”或“OFF”。...Parcelable onSaveInstanceState() 钩子允许视图生成其内部状态表示,以后可以使用该表示创建具有相同状态新实例。...void toggle() 将视图选中状态更改为与其当前状态相反状态 CompoundButton受保护方法 void drawableStateChanged() 每当视图状态发生变化以影响显示可绘制对象状态

    2K20

    Vue表单输入绑定

    选中则值为true,未选中则值为false;后者绑定是同一个数组,选中复选框值将被保存到数组。...例如,单个复选框绑定是布尔值,多个复选框绑定是一个数组,选中复选框value属性值被保存到数组。   ...7.1 复选框   使用复选框时,元素上可以使用两个特殊属性true-value和false-value来指定选中状态下和未选中状态下v-model绑定值是什么。 <!...false,当选中复选框时,其值为true-value属性值:yes,之后再取消复选框,其值为false-value属性值:no。   ...   数据属性isAgree值初始为false,当选中复选框时,其值为true-value绑定数据属性trueVal值:,之后再取消复选框,其值为

    7.3K70

    checked和tag标签状态联动问题

    效果图 需求:当上方checked为选中时,把信息复制到下面的员工选中列表,反之删除员工列表对应数据 当点击删除员工列表标签时候,对应取消上方checked选中状态 image.png...align="center" prop="ehEmpType" label="员工类型" /> 员工选中列表...return item }) console.log('tableData:', this.tableData) }) }, // 复选框选中状态切换...// 需求一:选中复选框,判断tags里面是否已经有该数据,如果有该数据,则不添加进tags,如果没有该数据,则添加进tags // 需求二:取消复选框,对应tags里面的选项也取消...handleClose(item) { // 需求一:删除对应tags里面的数据 // 需求二:把对应复选框选中状态取消 const tags = [..

    1.3K00

    使用 CSS Checkbox Hack 技术制作一个手风琴组件

    这里运用是:checked 伪类选择器,其意思就是”如果选中了表单(复选框、单选按钮),则应用相关样式规则“ 我们通常隐藏表单控件,然后结合来控制复选框或单选框选择,制作一些特殊效果...70px,以及定义鼠标经过外观样式: 由于宽度有限,我们需要旋转标题文字方向,让其由下往上垂直显示,示例代码如下: 最后我们来定义选项卡内容文本样式,我们应该默认第一个选项卡内容出于展示状态...,其它选项卡隐藏,这里我们先让所有的选项卡默认隐藏,后面我们会使用 Checkbox Hack 让选中选项卡内容处于展示状态。...同时为了让用户区分选中了哪个选项卡,我们需要定义选项卡出于选中状态标题颜色。...我们案例,每个选项卡内容都很多,看起来很漂亮。

    5.3K30

    ClistCtrl用法及总结(由怎样隐藏ListCtrl列表排序小三角形这个bug学习到知识)

    1 怎样隐藏ListCtrl列表排序小三角形 创建控件是加入|LVS_NOSORTHEADER风格即可。 一下是用法总结: 本文根据本人在项目中应用,来谈谈CListCtrl部分用法及技巧。...主要包括以下十三点内容:基本操作、获取选中行号、复选框操作、动态设置选中字体颜色、设置选中背景颜色、禁止拖动表头、让第一列居中显示、设置行高字体、虚拟列表技术、点击表头时进行归类、向上向下移动...这里涉及到两个问题:第一个,如何添加CheckBox风格;第二个,如何判断某一行CheckBox状态是否发生改变。       ...这里重点探讨第二个问题,首先,操作复选框状态有两个函数:                       BOOL GetCheck(int nItem)-------获取复选框状态                      ...消息,因此可以LVN_ITEMCHANGED消息响应函数复选框状态进行处理(查询或设置)。

    2.9K50

    AWT常用组件

    下拉列表将所有的选项进行隐藏,当选用其中选项时才会显示出来,这样能够节省显示空间,适用于待选择选项较多情况。...列表将所有选项罗列和显示列表,比下拉列表更加直观。 AWTList 类实例化列表组件,提供多个文本选项,支持滚动条。...CheckboxGroup cbg = new CheckboxGroup(); //定义一个单选框,初始处于被选中状态,添加到cbg组 Checkbox male = new...Checkbox("man", cbg, true); //定义一个单选框,初始处于未被选中状态,添加到cbg组 Checkbox female = new Checkbox("...接下来,创建了两个Button对象,分别用来触发显示对话框操作。第一个按钮是"modal",点击后会显示第一个对话框,第二个按钮是"no modal",点击后会显示第二个对话框。

    8210

    单选按钮用户体验设计

    一、单选按钮名字由何而来 单选按钮命名源自于旧式汽车收音机用来切换频道物理按键—当一个按钮被按下,其他就会被弹出,留下唯一按钮处于被选中状态。...同时,改变设置不应该在用户点击命令按钮(标记为“前进”或“保存”为例)前生效。如果用户点击返回或取消按钮,任何在该单选按钮组所做更改都应该被丢弃而且回到初始状态。...4、通常给一个默认选项 UI设计十原则之一告诉我们用户应该能够取消或重做他们行为。这意味着通过UI控制应该能够让用户会到初始状态单选按钮情况下,这意味着单选按钮应该预先选择一个选项。...例子,选项是对立因此使用单选按钮是更好方案。 设置向导。你应该在向导页面上使用单选按钮使选项明确,即使一个复选框也是可以接受。一个有默认值单选设计恩狗给用户一个很好建议。...默认选项可能引导用户做出最好决定,并提升它们草错过程信心。 简单是或否答案。当你有一个简单问题而用户只需回答是或否时候,使用复选框还是正确无误

    6.2K100

    【愚公系列】2023年11月 Winform控件专题 CheckedListBox控件详解

    其中,CheckOnClick属性是控制当用户单击列表项时是否自动选中该项一个属性。当CheckOnClick属性设置为true时,单击项时,该项选中状态会自动切换。...例如,如果您单击未选中项,则会将其选中;而如果您单击选中项,则会将其取消选中。另外,如果鼠标指针项上滞留超过短暂时间,则该项将显示为选中状态。...否则,当用户右键单击该控件时,选择项会自动切换选中状态。1.2 ColumnWidthCheckedListBox控件ColumnWidth属性用于设置该控件每个项列宽度。...选项过滤:如果你需要过滤或搜索大量数据,可以使用CheckedListBox来让用户选择要显示或隐藏哪些选项。例如,一个一个电商网站上商品列表,用户可以通过勾选不同选项来筛选商品。...每个选择都由一个复选框和相应文本标签组成。用户可以单击复选框选中取消选中一个项。以下是一个简单示例,展示如何在Winforms应用程序中使用CheckBoxList控件。

    1K11

    动态图表10|可选折线图(复选框

    步骤: 复选框制作; 使用if+or逻辑判断函数返回动态数据 使用动态数据制作多维折线图。 复选框制作: 开发工具插入复选框(复制四个,一共需要五个)。 ?...B11单元格语法: =if(or($A$17,B$17),B2) 一定要仔细体会以上函数语法绝对引用相对引用技巧!(非常重要!!!) ?...当你选中第一个复选框(全选)时候,无论是否选中后四个(2012~2015年),B11:E16单元格区域内容都是完全,而当你排除第一个复选框(全部)时(后四个复选框也不选),该区域数据都变成了false...所以只要复选框(全部)被选中,也就是A17为,则全部B11:E16单元格区域都返回B2:B7数值,如果复选框(全部)未被选中,则要看OR第二个参数,也就是剩余四个复选框(2012,2013、...图表插入完善之后,你就可以随心所欲使用复选框选择功能来控制需要在图表展示年度数据了! ?

    2.2K40
    领券