Javascript 要使用jquery获取最近的内部选中单选按钮的值吗

要使用jquery获取最近的内部选中单选按钮的值：

我的代码片段：

<div class="rating" data-islogin="<?php echo $this->session->userdata('vhkrt_clt_logged_in')==TRUE ? 1:0;?>" data-userid="<?=$cltId?>" data-prodid="<?=$prod->prod_id?>">
    <input type="radio" id="star5_<?=$prod->prod_id?>" name="rating" value="5" />
    <label class = "full" for="star5_<?=$prod->prod_id?>"></label>
    <input type="radio" id="star4_<?=$prod->prod_id?>" name="rating" value="4" />
    <label class = "full" for="star4_<?=$prod->prod_id?>"></label>
</div>

$('.rating').click(function(){
    var rating = $(this).closest('input[name = rating]:checked').value;
    alert(rating); //getting "undefined"
})  

HTML代码段：

<div class="rating" data-islogin="<?php echo $this->session->userdata('vhkrt_clt_logged_in')==TRUE ? 1:0;?>" data-userid="<?=$cltId?>" data-prodid="<?=$prod->prod_id?>">
    <input type="radio" id="star5_<?=$prod->prod_id?>" name="rating" value="5" />
    <label class = "full" for="star5_<?=$prod->prod_id?>"></label>
    <input type="radio" id="star4_<?=$prod->prod_id?>" name="rating" value="4" />
    <label class = "full" for="star4_<?=$prod->prod_id?>"></label>
</div>

$('.rating').click(function(){
    var rating = $(this).closest('input[name = rating]:checked').value;
    alert(rating); //getting "undefined"
})  

我正在尝试上面的代码片段，但我得到评级值是“未定义”的警报

请建议我正确的声明来检查单选按钮值

由于某些情况，我不想实现单选按钮的“onchange”事件。

请尝试以下代码：

$('.rating').click(function(){
    var rating = $(this).find("input[name = 'rating']:checked").val();
})  

---

jQuery

closest

用于查询祖先，在您的情况下，您需要子标记。 您可以使用

子项

$（'.rating'）。单击（函数（）{
var rating=$（this）.children（`input[name='rating']：选中“”）.val（）；
警报（评级）；
})

您正在混合使用jQuery和本机DOM属性。两次出现警报。。首先显示“未定义”，另一个显示正确的值。。为什么在我的情况下会出现两次警报？@Anjaliapatil请删除您的代码，它只有一个警报。您可以使用此处的
运行代码片段
按钮查看。您能说明可能的原因吗。。在我的情况下，为什么单击事件两次被解雇。。类评级div处于循环中您必须添加完整的代码，然后，一个提琴或弹琴可能是有用的。可能是在您编辑之前的下一票。。你的解决方案不起作用的地方。