html 如何绑定radio 控件和label控件

原创 2015年07月10日 14:56:46
只要指定label的"for"属性到radio的id就行,或者用label标签包围住radio。

请参见下面例子:

写法一:

<input type="radio" id="radioA" name="radio1" /><label for="radioA">这是radioA</label>
<input type="radio" id="radioB" name="radio1" /><label for="radioB">这是radioB</label>

写法二:

<label><input type="radio"  name="radio2">这是radioA</label>
<label><input type="radio"  name="radio2">这是radioB</label>
参考:http://zhidao.baidu.com/link?url=9jR0ftJkmoENRc5JQfwPdEvU_aKwVFccr9HEz-5Lzo-ak7TeVMDApUeeRnVCocHfjWAFgJRXZCstmz8LClYHd_

http://www.jquery001.com/jquery-get-radio-selected-text.html

http://bbs.csdn.net/topics/350153150


相关文章推荐

html:radio 使用心得

 最近在做struts的时候用到了,html:radio来表示性别。但是在使用的过程中遇到了不能动态选中的问题。后来在网上查找后基本的解决方案是: Each radio button element ...
  • kucool
  • kucool
  • 2007年11月01日 12:12
  • 10817

html 的radio单选框如何实现互斥------radio只是input的type属性

先看看没有互斥的情况: 男性: 女性:         要实现互斥, 可以让名称一致, 比如: 男性: 女性:        OK, 最后强调一下,  radio也只是...
  • stpeace
  • stpeace
  • 2016年02月27日 23:05
  • 14217

Radio控件的使用

方法一: Radio   Button成组使用时,只需保证在添加控件时资源号连续,并且第一个Radio   Button的属性中Group被选中即可.     这样就可以给这一组控件添加成员变量使...

浅谈<label>与<input>合作的两种方式

标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。 eg1: 通过为设置id属性,在标签中设置for=id来让说明文本和对应的关联起来。 Number:...

HTML中的<label>标签的使用方法,文字与输入框相关联。

表单中文字与输入框相关联 账号: 密码: ...

点击单选按钮radio后面的文字即可选中单选按钮

关键字:radio 单选按钮 文字 选中       有时候我们在网页中填写某些表单时,可能会遇到单选按钮,如让你选择性别是男或是女,此时用户往往会去点击单选按钮那个小小的圆圈,由于单选按钮比较小,...
  • w__yi
  • w__yi
  • 2012年05月02日 14:21
  • 18722

jquery通过id或name获取radio选中值

通过id获取radio选中 var cT = $('input[id="sc_ct"]').filter(':checked').val();
  • Truong
  • Truong
  • 2014年04月18日 11:04
  • 17765

label模拟radio、checkbox,自定义radio和checkbox

最近做的项目选项框比较多,为了让界面看起来更加美观,决定自定义radio和checkbox,功能不变的情况下提高用户体验。 这里比较关键的一点是用到label的for属性。 w3c的label介绍...

Jquery 获取 radio选中值

随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作...
  • htofly
  • htofly
  • 2012年07月06日 13:08
  • 293824

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html 如何绑定radio 控件和label控件
举报原因:
原因补充:

(最多只允许输入30个字)