首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >检查两个或三个无线电按钮中的任何一个吗?

检查两个或三个无线电按钮中的任何一个吗?
EN

Stack Overflow用户
提问于 2013-07-26 11:59:52
回答 3查看 97关注 0票数 0

我有不同的一组无线电按钮,所有配对的无线电按钮都有相同的id,所以它们应该工作得更好,而且它们会以某种方式工作。但是,当我想验证时,我使用了以下方法:

代码语言:javascript
运行
复制
if ($("PhysicallyActive").is(":not(':checked')")) {
    $("PhysicallyActiveradio").css("border", "2px solid red");
}
else {
    $("PhysicallyActiveradio").css("border", "");
}

用这种方法,它只检查两个或三个无线电按钮的第一个无线电按钮是否被检查。因此,如果检查了第二个无线电按钮,我希望它转到别处,重新设置边框。但现在,如果检查第二个无线电按钮,我将设置一个红色边框。我想要它检查是否有任何的无线电按钮有相同的id。我怎么能这么做?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-07-26 12:05:21

“有相同的身份,以便他们一起工作”

这就是问题所在。当您将相同的ID设置为多个元素时,无论发生什么,只选择第一个元素。

这是没有意义的,因为ID必须是唯一的。

他们应该分享的是名字。

正如@Alxandr所指出的,然后您可以按元素的名称选择如下:

代码语言:javascript
运行
复制
$("input[name='myname'][type='radio']")
票数 1
EN

Stack Overflow用户

发布于 2013-07-26 12:10:51

将Id设置为不同,但为它们分配相同的类

代码语言:javascript
运行
复制
class="PhsicallyActive";
class="PhysicallyActiveradio"


if ($('.PhysicallyActive').is(":not(':checked')")) {
$('.PhysicallyActiveradio').css("border", "2px solid red");
}
else {
    $('.PhysicallyActiveradio').css("border", "");
}
票数 1
EN

Stack Overflow用户

发布于 2013-07-26 13:13:54

我想念你的理解,你想要这样的东西吗?

代码语言:javascript
运行
复制
$( "radio" ).each(function( index ) {

  if index + ": "not(':checked')")) {
$('.PhysicallyActiveradio').css("border", "2px solid red");
}
else {
    $('.PhysicallyActiveradio').css("border", "");
}
    });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17880761

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档