如何在javascript中为单选按钮分配一个值

Question

我需要做的是把页面上的 4 个不同的值（点击时）变成一个数字，我可以用它来计算图表中的输出。

http://jsfiddle.net/nlem33/eyGMu/7/

var min_value = 0,
  max_value = 10,
  units = 0,
  price = 0;
var sliderHandler = function (event, ui) {
  var newdata = [],
    newdata2 = []
    data = [],
    sum = 0;
  if(this.id === 'slider1') {
    $('#slider1_value').html(ui.value);
    units = ui.value;
  } else {
    $('#slider2_value').html('$' + ui.value);
    price = ui.value;
  }
  for(var i = 0; i < 12; i++) {
    data.push(units * price);
    for(var j = 0; j < i; j++)
    sum += data[j];
    newdata.push(229 * units * i);
    newdata2.push(sum);
  }
  console.log(newdata);
  chart.series[0].setData(newdata2);
  chart.series[1].setData(newdata);
}

Answer 1

添加一个名为 selected 的变量并使用此事件处理程序：

var selected = 1;
$(document).ready(function() {
    $(".product").click(function(){
        selected = this.id.replace("product", "");
        alert(selected);
    });
});

请参阅updated fiddle。然后你可以在任何地方使用选定的变量。

要使用单选按钮的值而不是其 id 中的数字，请改用以下代码：

var selected = 1;
$(document).ready(function() {
    $("input[name=chooseProduct]").change(function(){
        selected = $(this).val();
        alert(selected);
    });
});

该示例也请参见下一个updated fiddle。