文档章节

在jQuery中,如何通过其name属性选择元素?

j
 javail
发布于 03/11 15:08
字数 578
阅读 66
收藏 0

「深度学习福利」大神带你进阶工程师,立即查看>>>

我的网页中有3个单选按钮,如下所示:

<label for="theme-grey"> <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label> <label for="theme-pink"> <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label> <label for="theme-green"> <input type="radio" id="theme-green" name="theme" value="green" />Green</label>

在jQuery中,我想在单击这三个按钮中的任何一个时获取所选单选按钮的值。 在jQuery中,我们具有id(#)和class(。)选择器,但是如果我想按名称查找单选按钮,该怎么办呢?

$("<radiobutton name attribute>").click(function(){});

请告诉我如何解决这个问题。


#1楼

也可以使用CSS类定义单选按钮的范围,然后使用以下命令确定值

$('.radio_check:checked').val()

#2楼

<input type="radio" name="ans3" value="help"> 
<input type="radio" name="ans3" value="help1">
<input type="radio" name="ans3" value="help2">

<input type="radio" name="ans2" value="test"> 
<input type="radio" name="ans2" value="test1">
<input type="radio" name="ans2" value="test2">

<script type="text/javascript">
  var ans3 = jq("input[name='ans3']:checked").val()
  var ans2 = jq("input[name='ans2']:checked").val()
</script>

#3楼

这对我来说很棒。 例如,您有两个具有相同“名称”的单选按钮,而您只想获取选中的按钮的值。 您可以尝试这个。

$valueOfTheCheckedRadio = $('[name=radioName]:checked').val();

#4楼

从jQuery的1.7.2升级到1.8.2后,我在研究错误时发现了这个问题。 我添加我的答案是因为jQuery 1.8及更高版本中发生了更改,该更改现在更改了此问题的答案。

在jQuery 1.8中,它们已弃用伪选择器,如:radio,:checkbox和:text。

要做到上述现在只需更换:radio[type=radio]

因此,您的答案现在适用于jQuery 1.8及更高版本的所有版本:

$("input[type=radio][name=theme]").click(function() { 
    var value = $(this).val(); 
}); 

您可以在1.8自述文件中了解有关更改的信息,以及有关此更改的故障 ,以及在附加信息部分下的:radio选择器页上了解原因。


#5楼

这对我有用。

HTML:

<input type="radio" class="radioClass" name="radioName" value="1" />Test<br/>
<input type="radio" class="radioClass" name="radioName" value="2" />Practice<br/>
<input type="radio" class="radioClass" name="radioName" value="3" />Both<br/>

jQuery:

$(".radioClass").each(function() {
        if($(this).is(':checked'))
        alert($(this).val());
    });

希望能帮助到你..

j
粉丝 8
博文 2345
码字总数 0
作品 0
深圳
私信 提问
访问安全控制解决方案

本文是《轻量级 Java Web 框架架构设计》的系列博文。 今天想和大家简单的分享一下,在 Smart 中是如何做到访问安全控制的。也就是说,当没有登录或 Session 过期时所做的操作,会自动退回到...

黄勇
2013/11/03
3.5K
6
树莓派(Raspberry Pi):完美的家用服务器

自从树莓派发布后,所有在互联网上的网站为此激动人心的设备提供了很多有趣和具有挑战性的使用方法。虽然这些想法都很棒,但树莓派( RPi )最明显却又是最不吸引人的用处是:创建你的完美家用...

异次元
2013/11/09
6.8K
8
表单验证插件--Jquery表单验证插件

目前支持对以下格式的值进行验证: cnum-(纯数字), char-(纯字母), zwen-(中文), bysc-(字母开头), mail(邮箱), yzbm(邮政编码) 其中的‘’表示长度,比如“zwen1-5”表示中文1-5位的长度。同...

huanganiu
2013/01/23
4.4K
0
Web开发组件管理器--Bower

Bower 是一个针对Web开发的包管理器。该工具主要用来帮助用户轻松安装CSS、JavaScript、图像等相关包,并管理这些包之间的依赖。 功能有些类似于Component。不同之处是,Component是围绕Git...

匿名
2013/02/01
1.2W
2
Javascript图元绘制库--ternlight

基于HTML CANVAS API的Javascript库,提供在HTML页面上绘制图元——如流程图的能力。 目前已支持简单的矩形图元和图元间的连线(直线、直角连线两种),拖拽图元等能力。 该javascript librar...

fancimage1
2013/02/07
6.3K
1

没有更多内容

加载失败,请刷新页面

加载更多

PPDet:减少Anchor-free目标检测中的标签噪声,小目标检测提升明显

本文转载自AI算法修炼营。 这篇文章收录于BMVC2020,主要的思想是减少anchor-free目标检测中的label噪声,在COCO小目标检测上表现SOTA!性能优于FreeAnchor、CenterNet和FCOS等网络。整体思路...

我爱计算机视觉
昨天
0
0
BIO、NIO、AIO 区别和应用场景

点击上方“ java1234 ”,选择“标星公众号” 优质文章,第一时间送达 66套java从入门到精通实战课程分享...

小锋2
今天
0
0
ContentProvider(查询 插入 修改 删除 )

注意 本篇实在sqlite的基础上编写的所以建议首先了解sqlite 首先建立两个模块 ContentProvider ContentResolver ContentProvider 里面需要建立表和建立连接 所以在这里需要建立DBHelp类 DBHe...

osc_6ttvlt1w
45分钟前
30
0
用这个网站一查,才知道自己被卖了

还记得上个月好多大佬的Twitter账号被盗用于网络诈骗的事件吗。 7月15日,美国前总统奥巴马、“股神”巴菲特、特斯拉CEO马斯克、微软创始人比尔·盖茨等人的账户连续“被登录”,用来向大众诈...

猿大白
今天
11
0
牛客多校第9场E Groundhog Chasing Death

开始以为是什么高深的数论题,后来 重新 推了一下,得到了个这么个式子。 ∏ i = a b ∏ j = c d ( p 1 m i n ( a 1 [ 1 ] i , a 2 [ 1 ] j ) p 2 m i n ( a 1 [ 2 ] i , a 2 [ 2 ] j ) . . ...

osc_wdq5dwoy
46分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部