首页 »Javascript教程 » asp单选按钮:单选按钮 »正文asp单选按钮:单选按钮来源: 发布时间:星期四, 2009年2月12日 浏览:249次 评论:0
在某个网站WebSite注册时  我们会注意到“性别”字段有两个选项:“男”和“女” 如果不允许用户选择多个选项可以使用表单元素 单选按钮对象单选按钮对象用于 组互相排斥值也就是用户只能从选项列表中选择项单选按钮组中所有按钮共享同个名称所以浏览器知道将按钮组合在起通过选中其中个按钮其他按钮自动变为未选中状态除此的外每个按钮可以有自己独特属性 列出了和单选按钮对象关联 属性 单选按钮对象 属性 名称 介绍说明 checked通过布尔值设置或检索单选按钮是否被选中 状态 name设置或检索单选按钮 名称该属性和整个单选按钮组相联系 type指定Control控件 类型 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  ) {  (gender[i].checked) { txt=txt+gender[i].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代码的后 输出结果 0
相关文章读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
