Javascript 如何在5个图像中选择2个图像时禁用其他图像？

在我的网站，我想添加一个功能，以禁用其他图像时，用户选择2个图像。 在我的网站上，我有5张图片。从这5张图片中，用户最多可选择2张图片。

---

当用户选择2个图像时，其他3个图像将自动禁用

创建一个事件侦听器，该侦听器在单击图像时将初始化为零的计数器递增，但仅当计数器不>=2时。同时推送单击的照片的ID（无论如何，对象都会沿着事件传递）

---

如果计数器达到2，则使用jQuery/native Javascript隐藏不在id列表中的照片。（这需要为照片提供连续的ID序列，还需要知道照片的数量，在这种情况下，假设数量为5，并且永远不会动态变化）

创建一个事件侦听器，该侦听器在单击图像时将计数器初始化为零，但前提是计数器不>=2。同时推送单击的照片的ID（无论如何，对象都会沿着事件传递）

---

如果计数器达到2，则使用jQuery/native Javascript隐藏不在id列表中的照片。（这需要为照片提供连续的ID序列，还需要知道照片的数量，在这种情况下，假设数量为5，并且永远不会动态变化）

创建一个事件侦听器，该侦听器在单击图像时将计数器初始化为零，但前提是计数器不>=2。同时推送单击的照片的ID（无论如何，对象都会沿着事件传递）

---

如果计数器达到2，则使用jQuery/native Javascript隐藏不在id列表中的照片。（这需要为照片提供连续的ID序列，还需要知道照片的数量，在这种情况下，假设数量为5，并且永远不会动态变化）

创建一个事件侦听器，该侦听器在单击图像时将计数器初始化为零，但前提是计数器不>=2。同时推送单击的照片的ID（无论如何，对象都会沿着事件传递）

---

如果计数器达到2，则使用jQuery/native Javascript隐藏不在id列表中的照片。（这需要为照片提供连续的ID序列，还需要了解照片的#，在本例中假定为5，并且永远不会动态更改）

请参阅我在代码段上的演示。这是您的答案，希望它能为您提供正确的方向。根据您的需要更改js。这里我设置了最大长度2

 if (+$("input[name=ItemGrp2]:checked").length > 2)

使用此代码

$（.two”）.on（“更改”，函数（）{
如果（+$（“输入[name=ItemGrp2]：选中”）。长度>2）
{
这个.checked=false；
}    
});
ul{
列表样式类型：无；
}
李{
显示：内联块；
}
输入[type=“checkbox”][id^=“cb”]{
显示：无；
}
标签{
边框：1px实心#fff；
填充：10px；
显示：块；
位置：相对位置；
利润率：10px；
光标：指针；
}
标签：之前{
背景色：白色；
颜色：白色；
内容：“；
显示：块；
边界半径：50%；
边框：1px纯灰；
位置：绝对位置；
顶部：-5px；
左：-5px；
宽度：25px；
高度：25px；
文本对齐：居中；
线高：28px；
过渡时间：0.4s；
变换：比例（0）；
}
标签img{
高度：100px；
宽度：100px；
过渡时间：0.2s；
变换原点：50%50%；
}
：选中+标签{
边框颜色：#ddd；
}
：选中+标签：之前{
内容：“✓";
背景颜色：灰色；
变换：比例（1）；
}
：选中+标记img{
变换：比例（0.9）；
盒影：0 0 5px#333；
z指数：-1；
}










查看我在代码段上的演示。这是您的答案，希望它能给您提供正确的方向。根据您的需要更改js。在这里，我将最大长度设置为2

 if (+$("input[name=ItemGrp2]:checked").length > 2)

使用此代码


$（.two”）.on（“更改”，函数（）{
如果（+$（“输入[name=ItemGrp2]：选中”）。长度>2）
{
这个.checked=false；
}    
})；
ul{
列表样式类型：无；
}
李{
显示：内联块；
}
输入[type=“checkbox”][id^=“cb”]{
显示：无；
}
标签{
边框：1px实心#fff；
填充：10px；
显示：块；
位置：相对位置；
利润率：10px；
光标：指针；
}
标签：之前{
背景色：白色；
颜色：白色；
内容：“；
显示：块；
边界半径：50%；
边框：1px纯灰；
位置：绝对位置；
顶部：-5px；
左：-5px；
宽度：25px；
高度：25px；
文本对齐：居中；
线高：28px；
过渡时间：0.4s；
变换：比例（0）；
}
标签img{
高度：100px；
宽度：100px；
过渡时间：0.2s；
变换原点：50%50%；
}
：选中+标签{
边框颜色：#ddd；
}
：选中+标签：之前{
内容：“✓";
背景颜色：灰色；
变换：比例（1）；
}
：选中+标记img{
变换：比例（0.9）；
盒影：0 0 5px#333；
z指数：-1；
}










查看我在代码段上的演示。这是您的答案，希望它能给您提供正确的方向。根据您的需要更改js。在这里，我将最大长度设置为2

 if (+$("input[name=ItemGrp2]:checked").length > 2)

使用此代码


$（.two”）.on（“更改”，函数（）{
如果（+$（“输入[name=ItemGrp2]：选中”）。长度>2）
{
这个.checked=false；
}    
})；
ul{
列表样式类型：无；
}
李{
显示：内联块；
}
输入[type=“checkbox”][id^=“cb”]{
显示：无；
}
标签{
边框：1px实心#fff；
填充：10px；
显示：块；
位置：相对位置；
利润率：10px；
光标：指针；
}
标签：之前{
背景色：白色；
颜色：白色；
内容：“；
显示：块；
边界半径：50%；
边框：1px纯灰；
位置：绝对位置；
顶部：-5px；
左：-5px；
宽度：25px；
高度：25px；
文本对齐：居中；
线高：28px；
过渡时间：0.4s；
变换：比例（0）；
}
标签img{
高度：