jquery选择器问题

prprogrammer 2013-04-02 05:27:54
<input type="radio" id="102003" name="平均值" value="平均值">
<input type="radio" id="10200302" name="平均值" value="平均值">

有以上两个标签,我用了个jquery选择器

$(":radio[id='"+id+"'][value='"+value+"']").attr("checked",true);

1.我想问下,这个选择器的意思是“先找id如果id不同就执行,如果id相同再看value相不相同,如果不同,就执行”?

2.我现在想同时选中以上两个,但是用完这个选择器后只能选中其中一个。高手们,这是为什么啊。是选择器我理解错了,还是写的不对?难道就因为它们的name属性值相同,就只能选中一个吗?
...全文
152 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
ftiger 2013-04-02
  • 打赏
  • 举报
回复
如樓上,radio同名的只能有一个给选中, 只是jquery选择器的话,以下代码都能找到两个radio,但设置attr("checked",true);只会有一个生效。

	console.log($("#102003 , #10200302"));
	console.log($(":radio"));
	console.log($("[id*=102003]"));
	console.log($("input[type=radio]"));
	console.log($("[type=radio]"));
	console.log($("[name=平均值]"));
	console.log($("[value=平均值]"));

未知数 2013-04-02
  • 打赏
  • 举报
回复
引用 3 楼 wzs_xyz 的回复:
$('#102003,#10200302') 可以选中这两个input
看错了,radio是单选框,不能同时被选中 你可以把name写成不同,这样不属于同一组的radio可以同时选中 或者使用多选框checkbox
未知数 2013-04-02
  • 打赏
  • 举报
回复
$('#102003,#10200302') 可以选中这两个input
OneDayOf2010 2013-04-02
  • 打赏
  • 举报
回复
查查API吧,不可以同事选择两个的
  • 打赏
  • 举报
回复
因为你的name名称相同,因此只能选中1个, 如果要同时选中两个,需要修改name <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#abv").click(function(){ $("input[type=radio]").each(function(){//遍历按钮 alert(23); $(this).attr("checked",true); }); }); }) </script> <input type="button" id="abv" value="测试用按钮"/> <input type="radio" name="a" id="a"/> <input type="radio" name="b" id="b"/>
jquery技术内幕:深入解析jquery架构设计与实现原理》由阿里巴巴资深前端开发工程师撰写,从源代码角度全面而系统地解读了jquery的17个模块的架构设计理念和内部实现原理,旨在帮助读者参透jquery中的实现技巧和技术精髓,同时本书也对广大开发者如何通过阅读源代码来提升编码能力和软件架构能力提供了指导。   《jquery技术内幕:深入解析jquery架构设计与实现原理》首先通过“总体架构”梳理了各个模块的分类、功能和依赖关系,让大家对jquery的工作原理有大致的印象;进而通过“构造jquery对象”章节分析了构造函数jquery()的各种用法和内部构造过程;接着详细分析了底层支持模块的源码实现,包括:选择器sizzle、异步队列deferred、数据缓存data、队列queue、浏览器功能测试support;最后详细分析了功能模块的源码实现,包括:属性操作attributes、事件系统events、dom遍历traversing、dom操作manipulation、样式操作css、异步请求ajax、动画effects。   《jquery技术内幕:深入解析jquery架构设计与实现原理》在分析每个模块时均采用由浅入深的方式,先概述功能、用法、结构和实现原理,然后介绍关键步骤和分析源码实现。让读者不仅知其然,而且知其所以然。事实上,本书的根本价值在于传达一种通过阅读源码快速成长的方式。无论是前端新人,还是经验丰富的老手,只要是对javascript感兴趣的开发人员,都会从本书中受益。

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧