2012-08-28 6 views
0

사람에 대해 별 등급 시스템을 만들고 싶습니다.이 사용자는 다섯 가지 카테고리에 대한 값을 입력하고 그 값의 평균을 보여주고 싶습니다. 라디오 버튼 그룹. 나는 평균을 얻었으나 평균을 표시하는 방법을 알지 못합니다.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> 

나이 문제에 대한 해결책을 찾을 수 있도록 도와주십시오.

+2

동일한 ID를 가진 요소를 여러 개 가질 수는 없습니다 (문제의 원인은 아닐지 모르겠지만 할 수는 없습니다) – bfavaretto

+0

해당 컨텍스트에서'response.average'를 사용할 수 있습니까? – bfavaretto

+0

.attr() 대신 .prop()를 사용하여 라디오 버튼을 확인하십시오. – maxedison

답변

0

모든 입력란의 ID는 동일합니다. ID는 웹 페이지에서 고유해야합니다. 먼저 수정해야합니다 (예 : 입력에서 ID가 필요 없으므로 입력에서 ID를 제거하십시오).

그런 다음 $ (this) .prop ("checked", true)를 시도하십시오.

+0

TypeError : $ (this) .prop는 함수가 아닙니다. \t $ (this) .prop "checked", true); – awsumnik

+0

도움을 주신 모든 분들께 감사드립니다. 실제로 response.average의 값은 문자열 유형이었습니다. 유형을 부동화하고 코드가 작동하고 있습니다. 감사. – awsumnik

1

이 코드가 도움이되기를 바랍니다.

var average = response.average; 

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

하나의 라디오 버튼의 value 속성에 response.average가 포함되어 있는지 확인하면됩니다.

관련 문제