jquery를 사용하여 데이터 가격에서 데이터 가져 오기

Question

값을 사용하여 가격을 출력하는 작업 코드가 있지만 데이터 가격 = ""에서 데이터를 가져 와서 값 = ""을 사용할 수있는 방법이 필요합니다. SKU를 저장합니다. 실무 데모는 여기 http://jsfiddle.net/pe2gpp01/21/

이 코드의 기능은 무엇입니까? 모든 제품에 대해 여성에 대한 고정 가격을 반환합니다. 남성 전용 가격 변경.

<div> 
<label class="product">Product</label> 
<span> 
<input name="category" type="radio" value="10" > 
<label>Product A</label> 
<input name="category" type="radio" value="20" checked> 
<label>Product B</label> 
<input name="category" type="radio" value="30"> 
<label>Product C</label> 
<input name="category" type="radio" value="40" > 
<label>Product D</label> 
</span></div> 

<div> 
<label class="gender">Gender</label> 
<span> 
<input name="gender" type="radio" value="male" checked> 
<label>Male</label> 
<input name="gender" type="radio" value="female"> 
<label>Female</label> 
</span></div> 

<span>Show Price: <span id="price"></span></span> 


<script> 
$(function() { 
$('[type="radio"]').on('change', function() { 

    var price = $('[value="female"]')[0].checked 
     ? 10 
     : $('[name="category"]:checked').val(); 
    $('#price').text(price); 
}).change(); 
}); 

</script> 

내가 그렇지 않으면 가격이라는 범주의 값, 당신이 선택 값 여성 요소는 다음 10로 가격을 설정해야 경우이 코드는 말하는이

<input name="category" type="radio" value="SKU001" data-price="10"> 
<label>Product A</label> 
<input name="category" type="radio" value="SKU002" data-price="20" checked> 
<label>Product B</label> 
<input name="category" type="radio" value="SKU003" data-price="30"> 
<label>Product C</label> 
<input name="category" type="radio" value="SKU004" data-price="40"> 
<label>Product D</label> 

Answer 1

하면 얻을 data 방법을 사용할 필요가 data-price 속성 당신은 HTML 코드 데이터-가격을 사용하지 않는

$('[name="category"]:checked').data('price') 

Answer 2

의 데이터가 필요합니다.

var price = $('[value="female"]')[0].checked 
     ? 10 
     : $('[name="category"]:checked').val(); 

... 그래서, ...

var price = $('[value="female"]')[0].checked 
     ? 10 + parseInt($('[name="category"]:checked').val(),10) 
     : $('[name="category"]:checked').val(); 

... 분류 값 (적절한 첨가 용으로 parseInt 함수의 사용을주의하는 열을 추가 할 것이다.