![](/img/trans.png)
[英]Proper way to create a radiobuttonlist without having any of the radiobuttons checked by default
[英]is any of the two or three radiobuttons is checked
我有不同的radiobutton组,并且配对的所有radiobuttons具有相同的id,因此它们应该工作,并且它们以某种方式进行。 但是当我想验证时,我使用这种方法:
if ($("PhysicallyActive").is(":not(':checked')")) {
$("PhysicallyActiveradio").css("border", "2px solid red");
}
else {
$("PhysicallyActiveradio").css("border", "");
}
使用这种方法,它只检查是否检查了两个或三个单选按钮的第一个无线电按钮。 因此,如果检查了secound radiobutton,我希望它转到else并重置边界。 但是现在如果检查第二个radiobutton,我将设置一个红色边框。 我希望它检查是否检查了任何具有相同ID的单选按钮。 我怎样才能做到这一点?
“拥有相同的身份,以便他们共同努力”
那就是问题所在。 当您为多个元素设置相同的ID时,无论如何都会选择第一个元素。
这没有意义,因为ID需要是唯一的。
他们应该分享的是名字。
正如@Alxandr指出的那样,您可以按名称选择元素,如下所示:
$("input[name='myname'][type='radio']")
将它们的Id设置为不同,但为它们指定相同的类
class="PhsicallyActive";
class="PhysicallyActiveradio"
if ($('.PhysicallyActive').is(":not(':checked')")) {
$('.PhysicallyActiveradio').css("border", "2px solid red");
}
else {
$('.PhysicallyActiveradio').css("border", "");
}
我想念了,你是不是喜欢这样的?
$( "radio" ).each(function( index ) {
if index + ": "not(':checked')")) {
$('.PhysicallyActiveradio').css("border", "2px solid red");
}
else {
$('.PhysicallyActiveradio').css("border", "");
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.