| 词条 | 单选按钮 |
| 释义 | 【定义】 在某些项目中有若干个选项，其标志是前面有一个圆环，当我们选中某个选项时，出现一个小实心圆点表示该项被选中，如右图所示。在一组单选按钮选项中，只能选中其中一项，这和复选框是不同的。 【详细解析】 在某个网站注册时，我们会注意到“性别”字段有两个选项：“男”和“女”。如果不允许用户选择多个选项，可以使用表单元素的单选按钮对象。单选按钮对象用于一组互相排斥的值，也就是用户只能从选项列表中选择一项。单选按钮组中所有按钮共享同一个名称，所以浏览器知道将按钮组合在一起，通过选中其中一个按钮，其他按钮自动变为未选中状态。除此之外，每个按钮可以有自己独特的属性。 列出了与单选按钮对象关联的属性。 单选按钮对象的属性 名称 说明 checked通过布尔值设置或检索单选按钮是否被选中的状态 name设置或检索单选按钮的名称，该属性与整个单选按钮组相联系。 type指定控件的类型 value设置或检索选项按钮的值 length返回单选按钮组中的单选按钮的个数 列出了与单选按钮对象关联的事件处理程序。 与单选按钮对象关联的事件处理程序 表单元素事件处理程序说明 单选按钮onBlur单选按钮失去焦点时触发 onClick单选按钮被选定或取消选定时触发 onFocus单选按钮接收焦点时触发 在以下示例中，onClick事件将根据所单击的选项按钮在文本框中生成一条消息。 <HTML> <HEAD> <TITLE>使用Option button对象</TITLE> <SCRIPT LANGUAGE=\\"JavaScript\\"> <!-- function check() { gender=document.forms[0].gender; answer=document.forms[0].answer; txt=\\"\\"; for(i=0;i<gender.length;i++) { if (gender.checked) { txt=txt+gender.value+\\"\\" } } answer.value=\\"您选择了\\"+txt; } //--> </SCRIPT> </HEAD> <BODY> <FORM> <P>请指定您的性别<BR><BR> <HR ALIGN=\\"left\\" HRSHADE=\\"limegreen\\" WIDTH=250px HEIGHT=50px></HR> <INPUT TYPE=\\"radio\\" NAME=\\"gender\\" VALUE=\\"男\\" onClick=\\"check()\\">男 <INPUT TYPE=\\"radio\\" NAME=\\"gender\\" VALUE=\\"女\\" onClick=\\"check()\\">女 <HR ALIGN=\\"left\\" HRSHADE=\\"limegreen\\" WIDTH=250px HEIGHT=50px></HR> <INPUT TYPE=\\"text\\" NAME=\\"answer\\" SIZE=\\"30\\"> </FORM> </BODY> </HTML> 显示了执行以上HTML代码之后的输出结果。 多选按钮以几个方框表示，选中后会呈现打钩状。顾名思义，可以选一个以上的选项。 |
| 随便看 |
百科全书收录4421916条中文百科知识，基本涵盖了大多数领域的百科知识，是一部内容开放、自由的电子版百科全书。