Html 单选按钮：一次只检查一个按钮

我用的是单选按钮之类的图像。 当我点击一张图片时，前一张图片仍然处于选中状态； 只有当我停止点击另一个按钮时，它才会被取消选中

有没有一种方法可以让我一点击其中一个就“取消选中”其他的

谢谢大家

[type=radio]{
位置：绝对位置；
不透明度：0；
宽度：0；
身高：0；
}
[类型=无线电]：选中+img{
边框：2件纯蓝；
}

---

在每个单选按钮上使用相同的名称，并使用不同的值。此外，每个

输入/img

对必须在其自己的标签中

[type=radio]{
位置：绝对位置；
不透明度：0；
宽度：0；
身高：0；
}
[类型=无线电]：选中+img{
边框：2件纯蓝；
}

---

在每个单选按钮上使用相同的名称，并使用不同的值。此外，每个

输入/img

对必须在其自己的标签中

[type=radio]{
位置：绝对位置；
不透明度：0；
宽度：0；
身高：0；
}
[类型=无线电]：选中+img{
边框：2件纯蓝；
}

---

确保所有的

单选按钮都具有相同的
名称
属性。还要确保每个单选按钮和img都包装在自己的
标签中，这样当您单击图像时，单选按钮也会被选中

请参见下面的工作示例：
img{
高度：100px；
宽度：100px；
}
[类型=收音机]{
位置：绝对位置；
不透明度：0；
宽度：0；
身高：0；
}
[类型=无线电]：选中+img{
边框：2件纯蓝；
}



确保所有的
单选按钮都具有相同的
名称
属性。还要确保每个单选按钮和img都包装在自己的
标签中，这样当您单击图像时，单选按钮也会被选中

请参见下面的工作示例：
img{
高度：100px；
宽度：100px；
}
[类型=收音机]{
位置：绝对位置；
不透明度：0；
宽度：0；
身高：0；
}
[类型=无线电]：选中+img{
边框：2件纯蓝；
}



&

确保所有无线电名称属性匹配。这使无线组共享一个互斥状态（一个处于活动状态，另一个必须处于非活动状态）


此外，为收音机提供唯一的ID，并将其与标签配对，标签具有相应的
for
属性，这将为用户提供更大的醒目区域


顺便说一句，如果你不想在点击按钮时让按钮发出刺耳的震动，请用边框替换边框。边框就像填充和边距一样占用空间，但边框不占用空间



演示

[类型=收音机]{
位置：绝对位置；
不透明度：0；
宽度：0；
身高：0；
}
img{
显示：块；
宽度：200px；
高度：自动
}
[类型=无线电]：选中+标记img{
外形：2倍纯蓝；
}

&

确保所有无线电名称属性匹配。这将使无线电组共享互斥状态（一个处于活动状态，另一个必须处于非活动状态）


此外，为收音机提供唯一的ID，并将其与标签配对，标签具有相应的
for
属性，这将为用户提供更大的醒目区域


顺便说一句，如果你不想在点击按钮时让按钮发出刺耳的震动，请用边框替换边框。边框就像填充和边距一样占用空间，但边框不占用空间



演示

[类型=收音机]{
位置：绝对位置；
不透明度：0；
宽度：0；
身高：0；
}
img{
显示：块；
宽度：200px；
高度：自动
}
[类型=无线电]：选中+标记img{
外形：2倍纯蓝；
}
已解决：解决方案是jQuery：

$(".image").click(
     function() {
       $(".insert").stop().fadeTo( "slow" , 1, function() {
     });
});

已解决：解决方案是jQuery：

$(".image").click(
     function() {
       $(".insert").stop().fadeTo( "slow" , 1, function() {
     });
});

如果单选按钮具有相同的
名称
值，则应能正常工作参见：可能我的解释不太清楚：单选按钮机制可以正常工作；但我想知道是否有一种方法，当我单击图像使其“选中”时，其他单选按钮立即变为未选中；实际上，它们仍然处于“选中”状态直到我将手指从鼠标上移开“单击”和“鼠标向下”是的，克里斯，如果单选按钮具有相同的
名称
值，我想获得该功能。请看：可能我的解释不太清楚：单选按钮机制可以工作；但我想知道是否有一种方法，只要我一点击在“选中”的图像上，其他图像会立即被选中；事实上，在我将手指从鼠标上移开之前，它们一直处于“选中”状态。“单击”和“鼠标向下”不是一回事。你想在释放鼠标左键之前启动行为吗？是的，克里斯，我想获得这个