jQuery获取radio选中后的文字
HTML 示例如下:
<input type="radio" id="male" name="sex" value="1" />男 <input type="radio" id="female" name="sex" value="2" />女
在这里直接给出 jQuery 获取 radio 选中后的文本 的方法,如下:
$("input[name='sex']:checked")[0].nextSibling.nodeValue;
方法将 jQuery 对象转换为 DOM 对象 后,再使用原生的 javascript 方法获取文本。在我回复朋友前,他通过在 radio 后添加 span 标记来解决这个问题:
<input type="radio" id="male" name="sex" value="1" /><span>男</span>
接来下获取时使用 next() 选择器,如下:
$("input[name='sex']:checked").next("span").text();
问题看似到这里就结束了,其实不然,这并不是好的用户体验。好的做法应该为 radio 添加 for 标记,这样在点击 radio 文本"男"或"女"的时候也能选中 radio,这比让用户点击一个小圆圈容易多了。所以最好的 HTML 标记应该如下:
<input type="radio" id="male" name="sex" value="1" /> <label for="male">男</label> <input type="radio" id="female" name="sex" value="2" /> <label for="female">女</label>
最后获取 radio 选中后的文本我相信你已经会了,如下:
$("input[name='sex']:checked").next("label").text();
这样使用 jQuery 成功获取了 radio 选中后的文本,这里主要是指最后一个方法。本篇内容虽然简单,但着重说明了一个道理——细节决定成败!
jQuery获取radio选中后的文字相关推荐
- 简单却实用的的例子:Jquery获取 radio 选中后的文字
今天在 QQ 群里有朋友问到 jQuery 怎么获取选中 radio 后的文本,可见要熟练的使用 jQuery 应该很好的掌握 jQuery 选择器,下边就让我们简单看看这个问题. 首先,他给出的 H ...
- jquery获取radio选中值及遍历
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1. ...
- Jquery 获取 radio选中值
随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox.Radiobutton .DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作 ...
- Jquery 获取 radio选中值(转)
随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox.Radiobutton .DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作 ...
- [开发笔记]-jQuery获取radio选中项的值
<title></title><script src="js/jquery-1.7.2.min.js"></script><s ...
- JavaScript jQuery获取radio/下拉框的选中值
JavaScript获取radio选中值 <ww:iterator value="proceList" status="rowstatus" id=&qu ...
- java获取radio选中的值_获取radio值
使用jquery获取radio的值 使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来 ...
- jquery通过id或name获取radio选中值
通过id获取radio选中值 var cT = $('input[id="sc_ct"]').filter(':checked').val(); 通过name获取radio选中值 ...
- 使用jquery获取radio的值
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: ...
最新文章
- python 用for循环生成字典_我需要创建一个for循环来生成嵌套字典
- 音视频技术在云会议场景的拓展和未来
- matlab 数字图像滤波,数字图像处理 (基于Matlab) 滤波
- 系统程序员成长计划-走近专业程序员
- 强强联手 SAP Ariba与苏宁易购共建中国企业智慧采购
- c语言OBJECT数组,Objective-C中NSArray的基本用法示例
- iOS 本地通知 操作
- 分布式与集群(一):我眼中的分布式与集群
- Gatling性能测试(一)
- matlab实现将彩色图像(R,G,B)色分量的直方图匹配,并计算其相关性
- 倒立摆源代码仿真matlab/simulink神经网络PID(模糊)控制校正LQR 神经网络 倒立摆控制 倒立摆LQR控制仿真 单级倒立摆的模糊控制 旋转倒立摆
- css文本缩进两个字符,css如何设置首行缩进2个字符
- IOS 四舍五入 进一法 去尾法
- 白孩儿--一个网上流传的故事[生活感悟]
- 接口与多态:模拟物流快递系统程序设计实验
- 在使用tr的时候经常遇到的错误1
- 智能名片如何在会场营销落地
- 在vm虚拟机上安装esd格式的win7系统文件
- 华为海思总裁:压在保密柜里面的芯片可以拿出来了
- 机器学习:逻辑回归(OvR 与 OvO)