jQuery에서 다중 옵턴 입력을 감지합니다.

Question

저는 css로 등급 시스템을 구축하고 있습니다.

내 HTML 코드는 다음과 같습니다

<div class="rating"> 
    <input type="radio" id="star5" name="rating" value="5" /> 
    <label for="star5" title="Awesome..!">5 stars</label> 
    <input type="radio" id="star4" name="rating" value="4" /> 
    <label for="star4" title="Pretty good">4 stars</label> 
    <input type="radio" id="star3" name="rating" value="3" /> 
    <label for="star3" title="Ok!">3 stars</label> 
    <input type="radio" id="star2" name="rating" value="2" /> 
    <label for="star2" title="Kinda bad">2 stars</label> 
    <input type="radio" id="star1" name="rating" value="1" /> 
    <label for="star1" title="poor!">1 star</label> 
</div> 

및 jQuery를은 다음과 같습니다

$(function() { 
    $("div:has(input)").on("click", function (e) { 
     var value = $(":radio").attr('value'); 
     alert(value); 
    }); 
}); 

하십시오 현재 var value 만 5 어떤 시작을 클릭에 인쇄되어

refer this JsFiddle. 하지만 내 출력에 정확한 값을 원해. 도움

Answer 1

에 미리

덕분에

$(function() { 
    $("div :input").on("click", function (e) { 
     var value = this.value; 
     alert(value); 

    }); 
}); 

Updated fiddle

Answer 2

$(function() { 
    $(":radio").on("click", function (e) { 

     var value = $(this).val(); 
     alert(value); 
    }); 
}); 

Answer 3

당신은 클릭 평가 스타의 값을 얻기 위해 이것을 사용할 수 있습니다하려고

$(function() { 
    $(".rating :input").on("click", function (e) { 
     var value = this.value; 
     alert(value); 
    }); 
});