单选按钮

更新时间:2024-01-22 10:37

在某些项目中有若干个选项,其标志是前面有一个圆环,当选中某个选项时,出现一个小实心圆点表示该项被选中,如右图所示。在一组单选按钮选项中,只能选中其中一项,这和复选框是不同的。

详细解析

在某个网站注册时,用户会注意到“性别”字段有两个选项:“男”和“女”。如果不允许用户选择多个选项,可以使用表单元素的单选按钮对象。单选按钮对象用于一组互相排斥的值,也就是用户只能从选项列表中选择一项。单选按钮组中所有按钮共享同一个名称,所以浏览器知道将按钮组合在一起,通过选中其中一个按钮,其他按钮自动变为未选中状态。除此之外,每个按钮可以有自己独特的属性。

列出了与单选按钮对象关联的属性。

单选按钮对象的属性

名称 说明

checked通过布尔值设置或检索单选按钮是否被选中的状态

name设置或检索单选按钮的名称,该属性与整个单选按钮组相联系。

type指定控件的类型

value设置或检索选项按钮的值

length返回单选按钮组中的单选按钮的个数

列出了与单选按钮对象关联的事件处理程序。

与单选按钮对象关联的事件处理程序

表单元素事件处理程序说明

单选按钮onBlur单选按钮失去焦点时触发

onClick单选按钮被选定或取消选定时触发

onFocus单选按钮接收焦点时触发

在以下示例中,onClick事件将根据所单击的选项按钮在文本框中生成一条消息。

使用Option <a href="/czkjst/button对象/10988165">button对象</a>

请选择性别



显示了执行以上HTML代码之后的输出结果。

多选按钮

以几个方框表示,选中后会呈现打钩状。顾名思义,可以选一个以上的选项。

控件

单选按钮,也叫做RadioButton,是个控件。用两个或多个该控件并且Group属性设置相同值,可使选择的结果为唯一值。这是一个基础控件。很多第三方控件也对单选按钮做出了扩充,提供了更多地功能,以满足不同的需求。只要将dll添加到工具箱就可以使用。

免责声明
隐私政策
用户协议
目录 22
0{{catalogNumber[index]}}. {{item.title}}
{{item.title}}