Jquery Can'；无法让addClass处理Img

我正在处理这个表单，我使用的不是无聊的单选按钮，而是人们可以点击的图像，然后使用jQuery将

.prop（“checked”，true）

添加到共同响应的单选输入中

然而，我认为应该是超级简单的事情已经占据了我的优势。我正在尝试将“checked”类添加到单击的图像中，这样它将与我拥有的CSS规则一致，将img当前不透明度从.3更改为1，让人们知道它已被“选中”。听起来很简单，但出于某种原因，我似乎遗漏了一些东西

这是我的名片

HTML

<div class="r-form">
<div class="thumbs">
<lable name="thumbs">Would you recommend this host?</lable>
<input type="radio" id="thumbs" name="thumbs" value="yes">
<img class="thumb_r" src="/imgs/thumbs-up-green.png">
<input type="radio" id="thumbs" name="thumbs" value="no">
<img class="thumb_r" src="/imgs/thumbs-down-red.png">
</div>
</div>

jQuery

 $(document).ready(function(){

 var $thumb = $(".thumbs").children("img");

 $thumb.click(function(){

        $(this).siblings("img").removeClass(".checked");
        $(this).addClass(".checked");
        $(this).prev("input[type=radio]").prop("checked", true);
        alert($("this").is(".checked"));

    });

 });

--注意--

---

这只是我代码的一部分，我没有包括

，但它是我的原件。我只关心img和检查按钮

img

是类为

.thumbs

的元素的子元素，而不是同级元素。我修复了html中的一些错误，比如重复id、标签上的错误属性。jquery还接受字符串作为参数，不接受css类选择器：

var$thumb=$（“.thumbs img”）；
$thumb.click（函数（）{
//从其他图像中删除选中的类
$thumb.removeClass（“选中”）；
//添加选中的类以单击图像
$（此）.addClass（“选中”）；
$（this）.children（“input[type=radio]”）.prop（“checked”，true）；
});
.r-form.thumbs{
边框：1px纯灰；
宽度：95%；
显示：内联块；
浮动：对；
利润率：0px 5%0px 0%；
}
.r-form.thumbs标签{
显示：块；
}
.r-form.thumbs输入[type=“radio”]{
显示：无；
边际：0px；
填充：0px；
}
.r形拇指img{
宽度：80px；
高度：80px；
不透明度：.3；
利润率：10px5%；
}
.r-form.拇指img:悬停{
不透明度：1；
}
.r-form.拇指img.已检查{
不透明度：1；
}

你能推荐这位主持人吗？
HTML中也有输入错误（“标签”应为“标签”），标签不需要名称，但应具有指向所引用输入元素id的for=“”，以确保标签与该元素相关联

<lable name="thumbs">Would you recommend this host?</lable>

您推荐这台主机吗？

应该是

 <label for="thumbs">Would you recommend this host?</label>

您推荐这台主机吗？
我稍微编辑了您的代码，删除了add/removeClass函数中的“.”，并删除了警报中“this”处的引号


$（文档）.ready（函数（）{
变量$thumb=$（“.thumbs”）.children（“img”）；
$thumb.click（函数（）{
$（this.sibbines（“img”）.removeClass（“checked”）；
$（此）.addClass（“选中”）；
$（this.prev（“input[type=radio]”）prop（“checked”，true）；
警报（$（this）.is（“.checked”）；
});
});
.r-form.thumbs{
边框：1px纯灰；
宽度：95%；
显示：内联块；
浮动：对；
利润率：0px 5%0px 0%；
}
.r-form.拇指标签{
显示：块；
}
.r-form.thumbs输入[type=“radio”]{
显示：无；
边际：0px；
填充：0px；
}
.r形拇指img{
宽度：80px；
高度：80px；
不透明度：.3；
利润率：10px5%；
}
.r-form.拇指img:悬停{
不透明度：1；
}
.r-form.拇指img.已检查{
不透明度：1；
}

你能推荐这位主持人吗？
谢谢大家的回答

然而，这个问题已经解决了。不幸的是，在我感谢他之前，给我答案的人删除了他的答案（出于某种原因，他的答案被否决了？）。问题是我试图
添加类（“.checked”）
，而我本应该做的是
添加类（“checked”）
，而没有

我在表单的另一个区域工作，出于某种原因，jQuery在不使用句点的情况下不会与类（添加或删除）协作。也许有什么我不明白，但现在它起作用了

再次感谢您的回答。
您需要使用一些模板web图像，以便我们可以看到发生了什么，您从未在问题中解释过确切的问题。我知道这并不是您问题的答案，但为什么要使用javascript呢？看看这个：不用担心-再看一看我的帖子-我只是修改了它，为标签提供了一个更好的结构，我刚刚注意到css中也有一个“标签”-最好将所有“标签”都改为“标签”，我回去更新我的代码，在对“标签”做了
查找
之后，显然我都是这样做的。因为我很特别。因此，非常感谢您指出这一点=）
 <label for="thumbs">Would you recommend this host?</label>