Question

我需要做的是将页面上的4个不同值（单击时）转换为可用于计算图表中输出的数字。

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。

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

1 个答案: