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


版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

label包裹input,点击label,label响应两次

一、label和input合作的两种形式来自 W3C The label element represents a caption in a user interface. The caption...

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

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

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

安卓初学:Radio单选框和checkBox多选控件的主要用法以及事件绑定总结

Radio单选框,我们很常见,选择男女的时候我们经常要用它,他的特点就是只能选择一个,在html中,多个选项使得radio只能选择一个我们需要使它们的id相同,SWT中我们把它们放入一个group中。...

在WPF中绑定类的属性至Label控件实现自动更新显示

最近的项目需要更新自定义控件的属性值至控件的界面中一个Label里显示,查阅了各种实现方法,最后自己的实现如下。 1.class代码 #region  used namespace using...

Jquery 操作Html 控件 CheckBox、Radio、Select 控件

Jquery 操作Html 控件 CheckBox、Radio、Select 控件 在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox、rad...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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