在某些项目中有若干个选项，其标志是前面有一个圆环，当选中某个选项时，出现一个小实心圆点表示该项被选中，如右图所示。在一组单选按钮选项中，只能选中其中一项，这和复选框是不同的。
单选按钮详细解析
在某个网站注册时，用户会注意到“性别”字段有两个选项：“男”和“女”。如果不允许用户选择多个选项，可以使用表单元素的单选按钮对象。单选按钮对象用于一组互相排斥的值，也就是用户只能从选项列表中选择一项。单选按钮组中所有按钮共享同一个名称，所以浏览器知道将按钮组合在一起，通过选中其中一个按钮，其他按钮自动变为未选中状态。除此之外，每个按钮可以有自己独特的属性。
列出了与单选按钮对象关联的属性。
单选按钮对象的属性
名称 说明
checked通过布尔值设置或检索单选按钮是否被选中的状态
name设置或检索单选按钮的名称，该属性与整个单选按钮组相联系。
type指定控件的类型
value设置或检索选项按钮的值
length返回单选按钮组中的单选按钮的个数
列出了与单选按钮对象关联的事件处理程序。
与单选按钮对象关联的事件处理程序
表单元素事件处理程序说明
单选按钮onBlur单选按钮失去焦点时触发
onClick单选按钮被选定或取消选定时触发
onFocus单选按钮接收焦点时触发
在以下示例中，onClick事件将根据所单击的选项按钮在文本框中生成一条消息。
<HTML>
<HEAD>
<TITLE>使用Option button对象</TITLE>
<script LANGUAGE="Javascript">
<!--
function check()
{
gender=document.forms.gender;
answer=document.forms.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代码之后的输出结果。
单选按钮多选按钮
以几个方框表示，选中后会呈现打钩状。顾名思义，可以选一个以上的选项。
单选按钮控件
单选按钮，也叫做RadioButton，是个控件。用两个或多个该控件并且Group属性设置相同值，可使选择的结果为唯一值。这是一个基础控件。很多第三方控件也对单选按钮做出了扩充，提供了更多地功能，以满足不同的需求。只要将dll添加到工具箱就可以使用。
