jQuery each（）只被调用一次

我有多个具有多个选择限制的无线组，一个是按名称属性，另一个是使用jQuery。对于每个无线电组，我在更改时将checked属性设置为false，这样每个组只能检查一个无线电

HTML

这只适用于第一组，有什么建议吗

编辑：

使用了类选择器而不是id:

HTML

---

Id的

是唯一的。您可以对任何元素使用相同的类名，但不能对多个元素使用相同的Id

<div id="radio_group" class="className">
    <input type="radio" name="name" value="0"/>Name
    <input type="radio" name="address" value="0"/>Address
    <input type="radio" name="phone" value="0"/>Phone
</div>
<div id="radio_group" class="className">
    <input type="radio" name="name" value="1"/>Name
    <input type="radio" name="address" value="1"/>Address
    <input type="radio" name="phone" value="1"/>Phone
</div>


$('.className').each(function(){
    //write logic here
});

名称
住址
电话
名称
住址
电话
$（'.className'）。每个（函数（）{
//在这里写逻辑
});

Id的

是唯一的。您可以对任意数量的元素使用相同的类名，但不能对多个元素使用相同的Id

<div id="radio_group" class="className">
    <input type="radio" name="name" value="0"/>Name
    <input type="radio" name="address" value="0"/>Address
    <input type="radio" name="phone" value="0"/>Phone
</div>
<div id="radio_group" class="className">
    <input type="radio" name="name" value="1"/>Name
    <input type="radio" name="address" value="1"/>Address
    <input type="radio" name="phone" value="1"/>Phone
</div>


$('.className').each(function(){
    //write logic here
});

名称
住址
电话
名称
住址
电话
$（'.className'）。每个（函数（）{
//在这里写逻辑
});

ID

是唯一的标识符。因此，当使用jQuery

#

选择器时，它只返回1个对象

---

改用类，它就会工作。

ID

是唯一标识符。因此，当使用jQuery

#

选择器时，它只返回1个对象

---

改用类，它就会工作。

您不能多次使用相同的ID。这不是抱怨。您可以使用相同的类和

。选择器

选择所有div

您不能多次使用同一ID。这不是抱怨。您可以使用相同的类和

。选择器

选择所有div

HTML：

<div classs="radio_group">
    <input type="radio" name="name" value="0"/>Name
    <input type="radio" name="address" value="0"/>Address
    <input type="radio" name="phone" value="0"/>Phone
</div>
<div class="radio_group">
    <input type="radio" name="name" value="1"/>Name
    <input type="radio" name="address" value="1"/>Address
    <input type="radio" name="phone" value="1"/>Phone
</div>

您不能重复使用

id

HTML:

<div classs="radio_group">
    <input type="radio" name="name" value="0"/>Name
    <input type="radio" name="address" value="0"/>Address
    <input type="radio" name="phone" value="0"/>Phone
</div>
<div class="radio_group">
    <input type="radio" name="name" value="1"/>Name
    <input type="radio" name="address" value="1"/>Address
    <input type="radio" name="phone" value="1"/>Phone
</div>

---

不能重复使用

id

“id属性为元素分配唯一标识符”“id属性为元素分配唯一标识符”

<div id="radio_group" class="className">
    <input type="radio" name="name" value="0"/>Name
    <input type="radio" name="address" value="0"/>Address
    <input type="radio" name="phone" value="0"/>Phone
</div>
<div id="radio_group" class="className">
    <input type="radio" name="name" value="1"/>Name
    <input type="radio" name="address" value="1"/>Address
    <input type="radio" name="phone" value="1"/>Phone
</div>


$('.className').each(function(){
    //write logic here
});

<div classs="radio_group">
    <input type="radio" name="name" value="0"/>Name
    <input type="radio" name="address" value="0"/>Address
    <input type="radio" name="phone" value="0"/>Phone
</div>
<div class="radio_group">
    <input type="radio" name="name" value="1"/>Name
    <input type="radio" name="address" value="1"/>Address
    <input type="radio" name="phone" value="1"/>Phone
</div>

$('.radio_group').each(function(){
    var mainElement = $(this);
    mainElement.children('input[type=radio]').on('change', function(){
        mainElement.children('input[type=radio]').not(this).prop('checked', false);
    });
});