ラジオボタンからのライブJavascriptを計算

Question

いくつかのラジオボタンは、私が生きて変化して選択したラジオボタンの「データ・プライス」を印刷したい

<input type="radio" name="highlight" data-price="25.1" value="a1">a1 
<input type="radio" name="highlight" data-price="55.4" value="a2">a2 
<input type="radio" name="highlight" data-price="65.3" value="a3">a3 
<input type="radio" name="highlight" data-price="95.9" value="a4">a4 

があります。どうしたらいいですか？

Answer 1

私は正確に何を求めているのかわかりませんが、データ価格を印刷したいだけなら、このようにすることができます。

$(function(){ 
 
    $('input[type=radio]').on('click',function(){ 
 
    data= $(this).data('price'); 
 
    $('#result').text(data); 
 
    
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="highlight" data-price="25.1" value="a1">a1 
 
<input type="radio" name="highlight" data-price="55.4" value="a2">a2 
 
<input type="radio" name="highlight" data-price="65.3" value="a3">a3 
 
<input type="radio" name="highlight" data-price="95.9" value="a4">a4 
 

 
<div id='result'> 
 
</div>

Answer 2

HTML

<input class='radio' type="radio" name="highlight" data-price="25.1" value="a1">a1 
<input class='radio' type="radio" name="highlight" data-price="55.4" value="a2">a2 
<input class='radio' type="radio" name="highlight" data-price="65.3" value="a3">a3 
<input class='radio' type="radio" name="highlight" data-price="95.9" value="a4">a4 
<input id="price" type="text"> 

のJavascript（onclickの）

var inputs = document.getElementsByClassName('radio'); 
var textbox = document.getElementById('price'); 
var i; 
for (i = 0; i < inputs.length; i++) { 
    inputs[i].onclick = function(){ 
     textbox.value = this.dataset.price; 
    } 
} 

のJavascript（イベントリスナー）

for (i = 0; i < inputs.length; i++) { 
    function myFn(){ 
     textbox.value = this.dataset.price; 
    } 
    inputs[i].addEventListener("change",myFn); 
} 

https://jsfiddle.net/2zfjfkhL/