精华内容
下载资源
问答
  • 单选框和复选的区别

    千次阅读 2017-04-13 19:45:07
    单选框 复选框 单选框是单选按钮,只允许单选一个 复选框是多选按钮,可以选多个 数据库获取表单信息:单选框用request.getParameter();  复选框用request.getNameValues();

    <form action="" method="post">

    <input type="radio">单选框</input>

    <input type="checkbox">复选框</input>

    单选框是单选按钮,只允许单选一个

    复选框是多选按钮,可以选多个

    数据库获取表单的信息:单选框用request.getParameter();

        复选框用request.getNameValues();

    </form>

    展开全文
  • 单选按钮和复选框长期以来一直都是容易导致用户困惑的组件。这两个组件通常用于相同的情景下,但看起来又完全不同。设计人员开发人员一般比较清楚两者的区别,因为他们在工作中会接触到。那么,普通用户知道吗?...

    b87924f8d951dd1bab7e8fbd20069f32.png

    以下内容由摹客团队翻译整理,仅供学习交流,摹客设计+协作一站式云平台,从产品、设计到开发,摹客来解决。
    单选按钮和复选框长期以来一直都是容易导致用户困惑的组件。这两个组件通常用于相同的情景下,但看起来又完全不同。设计人员和开发人员一般比较清楚两者的区别,因为他们在工作中会接触到。那么,普通用户知道吗?
    事实上,用户也需要知道这两个组件的区别(ps:间接说明了这两个组件并不直观)。它们的外观本身并不能反映它们在功能上的细微差别。视觉线索上只有圆点和复选框的区别;除了选项之外,其他对用户毫无意义。因此,单选按钮和复选框同时存在违反了用户体验中的一致性原则。
    设计师和开发人员从来没有质疑过它们的共存,因为一直以来都是这样的。然而,如果它们的共存引起了用户的困惑并违反了用户体验原则,那么就需要进行逻辑分析和重新考虑了。违反用户体验一致性原则
    用户体验的一致性原则规定:具有相似功能和相同用法的组件应该具有统一的外观。单选按钮和复选框具有类似的功能,并在相同的上下文中使用,但它们的外观并没有统一之处。

    72dbbad3304ac9fed8e57a3faf6f6233.png
    单选按钮和复选框


    单选按钮表示相互排斥的选项,而复选框表示相互包含的选项。这两种组件通常都用于从列表中选择选项的场景。然而,它们是两种不同的视觉提示,单选按钮的是一个圆里面有一个点,而复选框是一个正方形里面有一个勾选标记。
    可能有人会觉得它们功能不同,所以它们看起来应该是不同的。但准确地说,它们只是功能略有不同,而用法是相同的,这不足以证明外观不一致是合理的。同样功能的组件设计不同的外观会产生不一致性,让用户感到困惑。互斥/包容不是用户关心的问题
    如果你问一个普通用户什么是互斥或包含选项,他们可能无法回答你。因为他们在使用时并不会考虑互斥性或包容性,只有设计师和开发人员设计页面才会考虑这些。
    用户只需阅读标签提示并选择想要的选项。他们关注的是提示上的内容,而不是组件功能。因此,互斥性和包容性应该在标签提示中体现,而不是组件外观。设计人员和开发人员正在把他们的思维方式强加给用户。用户如何知道是单选还是多选?
    组件上提供的标签提示通常能告知用户可以进行多选还是单选。当用户可以选择多个选项时,标签单词后缀是复数形式。当用户只能选择一个选项时,标签单词后缀是单数形式。在标签提示中提及互斥或包含的标签时,请确保使用正确的名词形式。用户很容易遗忘这些标签提示,但它们传递了最重要的信息。

    0893259b3ffd27dba8bf676d746f0db1.png
    标签单复数


    与复选标记和圆点相比,标签的名词形式更能清楚地说明相斥/包容的关系。一个勾选标记或一个圆点并不能表示互斥还是包容关系,只有设计师、开发人员和精通技术的用户才熟悉这个约定。普通用户看到相同的上下文环境中使用了不同组件,他们就会想知道这些视觉差异意味着什么。这种差异虽然不足以阻碍用户进行交互,但肯定会转移他们的注意力。

    c7cd81c3458abd34507ce1959b847450.png
    组件对比

    使用Check Circles代替
    如果用户需要一个组件用于在列表中选择选项,与其使用单选按钮和复选框,不如直接使用Check Circles。它结合了单选按钮的外部形状和复选框的复选标记提示,如下图所示。

    0f48bd0980c20dea55354b4134543625.png
    Check Circle示例


    之所以使用复选标记,是因为它比圆点更具选择提示性,通常它被认为是“肯定”或“是”的象征。而圆点是一个微弱的视觉线索,它可以包含任何含义。
    而圆形轮廓有助于区别于复选框。它还有一个额外的好处就是更吸引人,更容易被识别。
    把Check Circles用于列表选项选择,用户就不会被单选按钮和复选框之间的差异分散注意力了。他们可以更多地关注选项标签,选择最适合自己的选项。用户是否只能选择一个或多个选项并不重要。他们将根据选项标签的指示进行选择,而不是组件的类型。旧的设计实践在不断发展
    单选按钮和复选框已经共存很久了。然而,由于对用户体验渐渐有了更好的理解,过去许多旧的设计实践也在不断发展演变。例如,清除表单的重置按钮、必填字段上的红色星号和密码确认字段现在几乎都消失了。单选按钮和复选框可能很快也会这样做,因为和生活中的一些事情一样,界面设计也在不断发展和变化。原文作者:Anthony原文地址:https://uxmovement.com/forms/why-radio-buttons-and-checkboxes-cant-co-exist/学习工具,但不受限于某种工具。摹客,为企业团队提供原型设计和全流程的设计协作。

    展开全文
  • 简述单选按钮和复选框控件作用单选按钮与复选框有什么区别?设置单选按钮属性...单选按钮与复选框有什么区别?设置单选按钮属性添加关联成员变量...可以将几个单选按钮设为一组,则每次只能从中选取一个...

    简述单选按钮和复选框控件的作用

    单选按钮与复选框有什么区别?设置单选按钮的属性和...单选按钮与复选框有什么区别?设置单选按钮的属性和添加关联的成员变量...可以将几个单选按钮设为一组,则每次只能从中选取一个,类似单选题;多选按钮则类似多选题,不限制选择个数。 若要将几个单选按钮设为一组,需要将第一个按钮的Group属性选中。则从该按钮直到下一个被选中Group属性之间的按钮为一组。

    分别叙述单选按钮、复选框控件的特点,二者的区别顾名思义,单选按钮就是有一组选项供用户选择,但是只能选择其中的一项,比如性别,你只能选男或者女,一般来说没有其他项可以选择了…… 复选框则是一组选项中,用户可以多项选择,比如你的爱好,你可以提供超过10个种类。

    复选框允许同时选择几项, 而单选按钮每次只能选择单选按钮控件与复选框控件的功能非常相近,复选框表示是否需要某个选项,可以同时选择多个选项中的一个或多个,即各选项间是不互斥的。单选按钮则是多选一,只能从多个选项中选择一个,各选项间的关系是互斥的。

    html中的单选框和复选框

    html中单选框和复选框中的value 和name属性有什么不同,是干什么用的,单选框复选框: value被作为按钮的值 name作为按钮的名字 js中获取哪个按钮被按下靠value 如var ql=document.getElementsByName("n").value; 那么ql=v 就如一本书 书号是value 书名是name你的眼睛真好看,但小编的眼睛更好看因为里面有你。

    关于单选按钮和复选框的叙述中,正确的是() A.单...关于单选按钮和复选框的叙述中,正确的是() A.单选按钮和复选框都能从...选C A,复选框你全部勾上都没问题 B,将单选框分组后,组内部只能选且必选一个,组与组之间基本无关。

    简述VB中单选按钮和复选框的VALUE属性的取值

    不知道,因为小编用的是vs2015 其中单选按钮和复选框没有value属性冇埘堠想①嗰亽,徊憶,笶ㄋ,侢徊憶,ㄡ哭ㄋ。

    c#中,单选按钮,和复选框单选按钮,顾名思义只能选择一个,所以是单分支; 复选框 可以选择多个,所以是多分支。

    vb 单选按钮与复选框的value的属性类型分别是什么?

    单选按钮value只有true和false,可以根据它的Value属性值来判断,Value=True表示被选中,Value=False表示未被选中。 复选框的一个特殊属性是Value属性,若Value属性的值取为0,代表复选框处于未选中状态。

    展开全文
  • PyQt5 复选

    千次阅读 2018-04-25 15:49:49
    复选框 一般来说复选框通常用于表示可以启用或禁用应用程序中功能。 QCheckBox继承自...区别是对用户选择限制:单选框定义了“多选一”选择,而复选框提供是“多选多”选择。 只要复选...

    复选框

    一般来说复选框通常用于表示可以启用或禁用的应用程序中的功能。
    QCheckBox继承自QAbstractButton,它提供了一个带文本标签的复选框。
    QCheckBox(复选框)和QRadioButton(单选框)都是选项按钮。这是因为它们都可以在开(选中)或者关(未选中)之间切换。区别是对用户选择的限制:单选框定义了“多选一”的选择,而复选框提供的是“多选多”的选择。
    只要复选框被选中或者清除,都会发射一个stateChanged()信号。如果想在复选框状态改变的时候触发一个行为,请连接这个信号,可以使用 isChecked()来查询复选框是否被选中。
    除了常用的选中和未选中两个状态,QCheckBox还可选地提供了第三种状态(半选)。如果需要第三种状态,可以通过setTristate()来使它生效,并使用checkState()来查询当前的切换状态。

    栗子

    """
    在这个例子中我们实现了如下功能:
    选中复选框,点击提交,其对应的复选框内容将通过QMessageBox弹出
    具备全选的功能
    全选的复选框能够实时呈现(全选、半选、未选)下面复选框的选择情况
    """
    from PyQt5.QtWidgets import QWidget, QCheckBox, QApplication, QPushButton,QMessageBox
    from PyQt5.QtCore import Qt
    import sys
    
    class Example(QWidget):
    
        def __init__(self):
            super().__init__()
            self.initUI()
    
        def initUI(self):
            #新建4个复选框对象
            self.cb1 = QCheckBox('全选',self)
            self.cb2 = QCheckBox('你是',self)
            self.cb3 = QCheckBox('我的',self)
            self.cb4 = QCheckBox('宝贝',self)
    
            bt = QPushButton('提交',self) 
    
            self.resize(300,200)
            self.setWindowTitle('早点毕业吧--复选框')
    
            self.cb1.move(20,20)
            self.cb2.move(30,50)
            self.cb3.move(30,80)
            self.cb4.move(30,110)
    
            bt.move(20,160)
    """
    每当复选框的状态改变时,即每当用户选中或取消选中该信号时,就会发出此信号。所以当产生此信号的时候,我们将其连接相应的槽函数。其中全选(cb1)那个复选框对应的是changecb1,其它的是changecb2。
    """
            self.cb1.stateChanged.connect(self.changecb1)
            self.cb2.stateChanged.connect(self.changecb2)
            self.cb3.stateChanged.connect(self.changecb2)
            self.cb4.stateChanged.connect(self.changecb2)
            bt.clicked.connect(self.go)
    
            self.show()
       """
       当按钮被点击之后,根据复选框被选中的类型及数量,我们弹出了不同的信息。
       """
        def go(self):
            if self.cb2.isChecked() and self.cb3.isChecked() and self.cb4.isChecked():
                QMessageBox.information(self,'I Love U','你是我的宝贝!')
            elif self.cb2.isChecked() and self.cb3.isChecked():
                QMessageBox.information(self,'I Love U','你是我的!')
            elif self.cb2.isChecked() and self.cb4.isChecked():
                QMessageBox.information(self,'I Love U','你是宝贝!')
            elif self.cb3.isChecked() and self.cb4.isChecked():
                QMessageBox.information(self,'I Love U','我的宝贝!')
            elif self.cb2.isChecked():
                QMessageBox.information(self,'I Love U','你是!')
            elif self.cb3.isChecked():
                QMessageBox.information(self,'I Love U','我的!')
            elif self.cb4.isChecked():
                QMessageBox.information(self,'I Love U','宝贝!') 
            else:
                QMessageBox.information(self,'I Love U','貌似你没有勾选啊!')
    
        def changecb1(self):
            if self.cb1.checkState() == Qt.Checked:
                self.cb2.setChecked(True)
                self.cb3.setChecked(True)
                self.cb4.setChecked(True)
            elif self.cb1.checkState() == Qt.Unchecked:
                self.cb2.setChecked(False)
                self.cb3.setChecked(False)
                self.cb4.setChecked(False)
                """
    isChecked()主要是判断复选框是否被选中,要是选中就返回True,否则返回False。
                """     
        def changecb2(self):
            if self.cb2.isChecked() and self.cb3.isChecked() and self.cb4.isChecked():
                self.cb1.setCheckState(Qt.Checked)
            elif self.cb2.isChecked() or self.cb3.isChecked() or self.cb4.isChecked():
                self.cb1.setTristate()
                self.cb1.setCheckState(Qt.PartiallyChecked)
            else:
                self.cb1.setTristate(False)
                self.cb1.setCheckState(Qt.Unchecked)
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        ex = Example()
        sys.exit(app.exec_())

    里setCheckState(),用以设置QCheckBox的状态:选中、半选、未选中。具体的值是这样的:
    这里写图片描述

    具体运行结果参考:
    https://zhuanlan.zhihu.com/p/30509947
    谢谢 “学点编程吧”

    展开全文
  • 单选框、复选

    2017-02-24 20:02:48
    区别是单选框只能选择一种,而复选框可以多选。语法: value="值" name="名称" checked="checked"/>注: 当type=”radio”时,控件为单选钮; 当type=”checkbox”时,控件为复选框。 value:提交到服务器数据值...
  • Qt 之 QCheckBox

    万次阅读 多人点赞 2016-07-07 20:23:30
    简述QCheckBox继承自...区别是对用户选择限制:单选框定义了“多选一”选择,而复选框提供是“多选多”选择。尽管在技术上可以通过复选框来实现单选框行为,反之亦然,但还是强烈建议使用众所周知约定
  • 选择多个选项差异:对于 windows:按住 Ctrl 按钮来选择多个选项对于 Mac:按住 command 按钮来选择多个选项由于上述差异存在,同时由于需要告知用户可以使用多项选择,对用户更友好方式是使用复选框。...
  • 那就是了解selectitemselectitems之间的区别在之前我做的一个多选删除操作 里面用到了checkbox 很麻烦例如可以看到 很多复选框 我用的是每次点击往集合里面添加ID的方法 而且 还要一个一个的点击 是不是很麻烦...
  • 简述QCheckBox继承自...区别是对用户选择限制:单选框定义了“多选一”选择,而复选框提供是“多选多”选择。尽管在技术上可以通过复选框来实现单选框行为,反之亦然,但还是强烈建议使用众所周知约...
  • 不管是AWT还是Swing,都把选择框分成两类:复选单选按钮,这两类控件...然而AWT的复选单选按钮统统采用Checkbox类型,区别之处在于是否加入了单选组CheckboxGroup。这不可避免又带来困惑,同样是Checkbox...
  • 不管是AWT还是Swing,都把选择框分成两类:复选单选按钮,这两类控件无论是...然而AWT的复选单选按钮统统采用Checkbox类型,区别之处在于是否加入了单选组CheckboxGroup。这不可避免又带来困惑,同样是Che...
  • PyQt5常用控件之QCheckBox类

    千次阅读 2020-10-25 14:25:00
    区别是对用户选择限制:单选框定义了“多选一”选择,而复选框提供是“多选多”选择。 尽管在技术上可以通过复选框来实现单选框行为,反之亦然,但还是强烈建议使用众所周知约定。 方法 描述 ...
  • Qt之QCheckBox

    2020-10-14 11:04:22
    区别是对用户选择限制:单选框定义了“多选一”选择,而复选框提供是“多选多”选择。 尽管在技术上可以通过复选框来实现单选框行为,反之亦然,但还是强烈建议使用众所周知约定。 详细描述 ...
  • 简述QCheckBox继承自...区别是对用户选择限制:单选框定义了“多选一”选择,而复选框提供是“多选多”选择。尽管在技术上可以通过复选框来实现单选框行为,反之亦然,但还是强烈建议使用众所周知约...
  • QCheckBox类

    2016-04-05 21:27:22
    QCheckBox窗口部件提供一个带文本标签的复选框。QCheckBoxQRadioButton都是选项按钮。这是因为它们都可以在开(选中)或者关(未选中)之间切换...单选框定义了“多选一”选择,而复选框提供是“多选多”选择。
  • 区别是对用户选择限制:单选框定义了“多选一”选择,而复选框提供是“多选多”选择。 尽管在技术上可以通过复选框来实现单选框行为,反之亦然,但还是强烈建议使用众所周知约定。 一、QRadioButton ...
  • 【学习笔记】PHP进阶

    2020-07-03 21:37:51
    文章目录表单传值概念为什么使用表单传值表单传值方式GET传值POST传值GET传值POST传值的区别PHP接收数据的三种方式PHP处理复选框数据复选框单项的命名方式单选按钮的数据处理多选按钮的数据处理无选中情况文件上传...
  • flash shiti

    2014-03-14 10:32:41
    11. 全等(===)运算符相同运算符基本相似,但是它们有一个很重要的区别 □ A. 全等(===)运算符执行数据类型的转换 □ B. 全等(===)运算符不执行数据类型的转换 □ C. 全等(===)运算符永远返回...
  • html入门到放弃笔记

    2018-05-15 15:06:12
    作用:保留源文档中回车 空格 作用 <pre></pre> 8、分区元素 1、块分区元素 语法:<div></div> 作用:布局 2、行内分区元素 语法:<span></span> 作用:设置同一行文字内不同样式 9、行内元素 与...
  • 8.5.4 文本修改事件:VerifyEventModifyEvent的区别 143 8.6 无类型的事件 144 8.6.1 注册无类型事件监听器 144 8.6.2 无类型事件程序示例 145 8.7 本章小结 146 第3篇 SWT高级篇 第9章 SWT高级控件 ...
  • 8.5.4 文本修改事件:VerifyEventModifyEvent的区别 143 8.6 无类型的事件 144 8.6.1 注册无类型事件监听器 144 8.6.2 无类型事件程序示例 145 8.7 本章小结 146 第3篇 SWT高级篇 第9章 SWT高级控件 ...

空空如也

空空如也

1 2
收藏数 26
精华内容 10
关键字:

复选和多选的区别