jQuery 取选中的radio的值及后面文字的方法

最新推荐文章于 2023-09-22 10:00:53 发布

weixin_30713953

最新推荐文章于 2023-09-22 10:00:53 发布

阅读量429

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/phtjzzj/p/7650427.html

本文介绍了如何使用jQuery获取HTML中radio按钮的value值及其后面的文本。提供了多种方法，并通过示例展示了不同场景下的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取radio中的value值

var val=$('input:radio[name="sex"]:checked').val();

附三种方法都可以：

$('input:radio:checked').val()；
   
$("input[type='radio']:checked").val();

$("input[name='rd']:checked").val();

更多详细内容请查看：http://www.111cn.net/wy/jquery/56642.htm

获取radio中后面的文字

示例1：

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 方法获取文本。

示例2：

HTML 示例如下：

<input type="radio" id="male" name="sex" value="1" /><span>男</span>

接来下获取时使用 next() 选择器，如下：

$("input[name='sex']:checked").next("span").text();

示例3：

<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();

转载于:https://www.cnblogs.com/phtjzzj/p/7650427.html