如何使用jquery从一组单选按钮中检查基于单选按钮的值


How to check a radio button based value from a group of radio buttons using jquery

我想为一个人创建一个星级评定系统,为此用户输入五个不同类别的值,我想在一组单选按钮上显示这些值的平均值。我已经得到了平均值,但现在还不知道如何显示平均值。

$("input[name='overall']").each(function(){
                    if(this.value == response.average){
                        $(this).attr('checked', true); 
                    }
                });

我想显示这个字段的平均值----

<div id="overall_rating" class="Clear">
<input id="overall" name="overall" type="radio" class="star {split:5} required" disabled="disbled" value="0.2" />
<input id="overall" name="overall" type="radio" class="star" value="0.4"/>
<input id="overall" name="overall" type="radio" class="star" value="0.6"/>
<input id="overall" name="overall" type="radio" class="star" value="0.8"/>
<input id="overall" name="overall" type="radio" class="star" value="1.0"/>
<input id="overall" name="overall" type="radio" class="star" value="1.2"/>
<input id="overall" name="overall" type="radio" class="star" value="1.4"/>
<input id="overall" name="overall" type="radio" class="star" value="1.6"/>
<input id="overall" name="overall" type="radio" class="star" value="1.8"/>
<input id="overall" name="overall" type="radio" class="star" value="2.0"/>
<input id="overall" name="overall" type="radio" class="star" value="2.2"/>
<input id="overall" name="overall" type="radio" class="star" value="2.4"/>
<input id="overall" name="overall" type="radio" class="star" value="2.6"/>
<input id="overall" name="overall" type="radio" class="star" value="2.8"/>
<input id="overall" name="overall" type="radio" class="star" value="3.0"/>
<input id="overall" name="overall" type="radio" class="star" value="3.2"/>
<input id="overall" name="overall" type="radio" class="star" value="3.4"/>
<input id="overall" name="overall" type="radio" class="star" value="3.6"/>
<input id="overall" name="overall" type="radio" class="star" value="3.8"/>
<input id="overall" name="overall" type="radio" class="star" value="4.0"/>
<input id="overall" name="overall" type="radio" class="star" value="4.2"/>
<input id="overall" name="overall" type="radio" class="star" value="4.4"/>
<input id="overall" name="overall" type="radio" class="star" value="4.6"/>
<input id="overall" name="overall" type="radio" class="star" value="4.8"/>
<input id="overall" name="overall" type="radio" class="star" value="5.0"/>
</div>

请帮我找到这个问题的解决办法。

我希望这段代码能帮助你。

var average = response.average;
$("input[value='" + average + "']").attr("checked", "checked");

您只需要检查response.average是否包含在一个单选按钮的value属性中。

所有输入字段都有相同的ID。ID在网页上必须是唯一的。首先尝试更正(即,从输入中删除ID,因为这里不需要它们)。

然后尝试$(this).prop("checked",true);