как использовать полученное значение в качестве имя переменной

Question

<input type="radio" id="color-green" value="green" name="color">

$(document).on('click',"input[type=radio]:checked", function(){
 var prodCost = $(this).val();
});

var green = 150;
var totalCost = prodCost * 10 ;

Answer 1

var prodCost ="";

$(document).on('click',"input[type=radio]:checked", function(){

     prodCost = $(this).val();
     console.log(prodCost);

    
   });

    var green = 150;
    var totalCost = prodCost * 10 ;

Answer 2

$(document).on('click', "input[type=radio]:checked", function() {
  var prodCost = window[$(this).val()];
  var totalCost = prodCost * 10;
  console.log(prodCost, totalCost);
});

var green = 150;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="radio" id="color-green" value="green" name="color">

Answer 3

После тщательного допроса ТС наконец-то стало понятно,что ему надо)))

var prices = {
  "blue": "120",
  "green": "150",
  "red": "194"
};
$('input[name=color]').on('click', function() {
  var prodCost = $(this).val();
  totalCost = 0;
  $.each(prices, function(key, value) {
    if (prodCost == key) totalCost = value * 10;
  });
  $('.rez').html(totalCost);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label><input type="radio" value="blue" name="color">blue</label>
<label><input type="radio" value="green" name="color">green</label>
<label><input type="radio" value="red" name="color">red</label>

<p class="rez">не выбрано...</p>

БЛОГ НА HUSL

как использовать полученное значение в качестве имя переменной

Ответы (3 шт):