Как присвоить переключателям значение в javascript

Что мне нужно сделать, так это превратить 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);
}

javascript radiobuttonlist
person user2160685    schedule 14.03.2013    source источник
comment
Под 4 значениями вы имеете в виду 4 кнопки внизу: 1000 ГБ, 500 ГБ...?   -  person Alex Marchant    schedule 14.03.2013
comment
Я не понимаю вопроса. В вашем JSFiddle нет переключателей.   -  person scott.korin    schedule 14.03.2013
comment
Да, это те, о которых я говорю!   -  person user2160685    schedule 14.03.2013

Ответы (1)


arrow_upward
0
arrow_downward

Добавьте переменную с именем selected и используйте этот обработчик событий:

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

См. обновленную скрипту. Затем вы можете использовать выбранную переменную где угодно.

Чтобы использовать значение переключателя, а не число в его идентификаторе, используйте вместо этого следующий код:

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

См. следующий обновленный скрипт для этого примера.

person BinaryTox1n    schedule 14.03.2013
comment
Спасибо, это именно то, что я хотел сделать! - person user2160685; 14.03.2013
comment
Есть ли способ использовать значение, которое я присваиваю переключателю, в качестве выбранной переменной? - person user2160685; 14.03.2013
comment
Я имею в виду значение, которое я присваиваю переключателю ‹input id=1 type=radio value=229 name=chooseProduct checked=checked›‹label for=1›1000GB‹/label› Кстати, спасибо за всю вашу помощь :) - person user2160685; 14.03.2013
comment
@user2160685 user2160685 Под этим вы подразумеваете значение 229? - person BinaryTox1n; 14.03.2013
comment
@user2160685 user2160685 Я обновил ответ, чтобы сделать его более подходящим для переключателей. Обратите внимание, что селектор и событие изменились. - person BinaryTox1n; 14.03.2013