单选按钮的详细解析

 我来答
奇诺87lSeCH
2016-05-28 · TA获得超过100个赞
知道答主
回答量:185
采纳率:0%
帮助的人:65.1万
展开全部

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

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式