放大啦资源网 http://www.fangdala.com
当前位置首页 > 百科资料> 正文

单选按钮

2023-01-24 22:54:10 暂无评论 百科资料

在某些项目中来自有若干个选项,其标志是前面有一个圆环,当我们选中某个盟呀调作选项时,出现一月导价行个小实心圆点表示该项被选中,如右图所示。在比神密一组单选按钮选项中,只能选中其中一项,这和复选框是不同的360百科

  • 中文名称 单选按钮
  • 外文名称 [英]RadioButton

详细解析

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

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

  单选按钮对象的属性

  名称 说明

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

  name设置或检索单选按钮的名称,该属性与整个单选按钮组相端二流服头父派斗专排联系。

  type指定控件的类型

 东例胞路误 value设置或检索选项按钮的值

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

  列出了与单选按验刘速可七考束死够除钮对象关联的事件处理程序。

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

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

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

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

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

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

  <HTML>

  <HEAD>

  <TITLE>使用Option but言多表等才跑黑ton对象</TITLE>

  <SCRIPT LANGUAGE=\"JavaScript\">

  <!--

  functio考视新市语晚浓节n check()

  {

  g些在钟什局场比供传渐ender=document.forms[0].gender;

  answer=document.forms[0].answer;

  txt=\"\";

  for(i=0;i<g刘同杆展功会ender.length;i++)

  {

  if (gender.ch360百科ecked)

  {

  txt=txt+gend陈院头矛终叫营八er.value+\"\"

  }

  }

  answer.value=\"您选择了\"+txt;

  战接朝}

  //-->

  </SCRIPT>

  </HEAD>

  <BODY>

  <FOR础乙支类组做九M>

  <P>请指定您的性别<BR><BR>

  <HR ALIGN=\"left\" HRSHADE=\"limegreen\" WIDTH=250px HEIGHT=50px></HR>

  <INPUT T五快防区双眼延YPE=\"radio\" NAME=\"gender\" VALUE=\"男\" onClick=\"check()\">男

  <INPUT TYPE=\"radio\" NAME=\"ge段罗苗技站况较nder\" VALUE=\"女束胜看\" onClick=\"check()\">女

  <HR ALIGN=\"left\" HRSHADE=\"limegreen\" WIDTH=250px HEIGHT=50px></HR>

  <INPUT TYPE=\"text\" NAME鲁走觉=\"answer\" SIZE=\"30\">

  </FORM>

  </BODY>

  </HT厂查ML>

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

多选按钮

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

控件

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

猜你喜欢