blocks|key|1545661|text|来自MDN|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1545662|无线电类型的元素通常用于无线电组--描述一组相关选项的单选按钮集合。
在给定组中只能同时选择一个单选按钮。单选按钮通常呈现为小圆圈，选中时填充或突出显示。|blockquote|1545663|文档中的每个元素的id属性都应该有一个唯一的id值，否则在使用样式和js中的css选择器来选择这些元素时会发生一些奇怪的事情(举一个例子)。|style|CODE|1545664|这里有一个深入的讨论，例如，供进一步参考。|1545665|但是，必须使用相同的name属性值对它们进行分组，以指示哪些组具有相互排斥的检查状态，并收敛到相同的GET/POST参数，该参数命名为name属性，并在提交其窗体时将其组中选择的唯一无线电的值作为值。|1545666|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio|1|https://stackoverflow.com/questions/5611963/can-multiple-different-html-elements-have-the-same-id-if-theyre-different-eleme^0|2|3|0|0|0|9|2|M|2|0|0|2|1|0|A|4|1V|4|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$]]|$1|G|3|H|5|6|7|13|8|@$A|14|B|15|I|J]|$A|16|B|17|I|J]]|9|@]|C|$]]|$1|K|3|L|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|M|3|N|5|6|7|1C|8|@$A|1D|B|1E|I|J]|$A|1F|B|1G|I|J]]|9|@]|C|$]]|$1|O|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|X]]]]

From <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio" rel="nofollow noreferrer">MDN</a>
<blockquote>
 elements of type radio are generally used in radio
groups—collections of radio buttons describing a set of related
options.
Only one radio button in a given group can be selected at the same
time. Radio buttons are typically rendered as small circles, which are
filled or highlighted when selected.
</blockquote>
Every element on your document is expected to have a unique <code>id</code> value for its <code>id</code> property otherwise odd things would happen when trying to select those elements using a css selector both in styles and js (to cite one).
<a href="https://stackoverflow.com/questions/5611963/can-multiple-different-html-elements-have-the-same-id-if-theyre-different-eleme">Here</a> there's an in depth discussion on SO for example for further reference.
But for sure they are meant to be grouped using the same <code>name</code> attribute value to hint which group is expected to have a mutually exclusive checked status and to converge to the same GET/POST parameter, named like that <code>name</code> property and having as value the value of the only radio selected in its group, when its form will be submitted.

I recently visited a website and was checking through its html code and found that two different inputs of type radio were given same id, how can it be possible? I tried to check the radio buttons but I was only able to check the first button how do I check the other buttons using javascript if both are given same id
<a href="https://i.stack.imgur.com/qynbB.jpg" rel="nofollow noreferrer">image radio buttons on the website</a>
<a href="https://i.stack.imgur.com/zG47H.jpg" rel="nofollow noreferrer">image of html code where same id given</a>

same id given to various btns

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我最近访问了一个网站，正在检查它的html代码，发现两个不同类型的无线电输入被赋予相同的id，这怎么可能呢？我试着检查单选按钮，但我只能检查第一个按钮，如果给出相同的id ，如何使用javascript检查其他按钮？

相同的id给不同的btn-腾讯云开发者社区-腾讯云

问相同的id给不同的btn
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问相同的id给不同的btnEN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问相同的id给不同的btn
EN