2013-03-14 20 views
1

我想要做的是找到一种方式,以便在选中单选按钮时,分配给它的值可用于图表计算中,并更新它立即(就像滑块一样)。我认为正确的道路上的IM ...这里是一个的jsfiddle:http://jsfiddle.net/nlem33/ZhER3/如何使用单选按钮来计算高图的输出

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

当我做了一个'console.log($(this).val());'和选定的选项2时,它打印出230,这是正确的值。那是不是你想要的? – 2013-03-14 18:52:05

+0

如果你看第104行“newdata.push(selected * units * i);”我想让名为“selected”的变量根据选择哪个按钮来更新图表 – user2160685 2013-03-14 19:01:48

回答

2

你改变功能,可以直接调用sliderHandler功能,尽管它需要稍微修改叫这样,当工作:

 $("input[name=chooseProduct]").change(function(){ 
     selected = $(this).val(); 
     sliderHandler(); 
    }); 

和sliderHandler需要这样的:

if (this.id === 'slider1') { 
     $('#slider1_value').html(ui.value); 
     units = ui.value; 
    } else if (this.id === 'slider2') { 
     $('#slider2_value').html('$' + ui.value); 
     price = ui.value; 
    } 

http://jsfiddle.net/L5cY6/

+0

完美地感谢您的支持! – user2160685 2013-03-14 20:23:04

+0

还有一件快捷的事情,我怎样才能使图表运行加载页面时选中(默认)按钮的计算,而不是在选择另一个框时? – user2160685 2013-03-14 20:56:04

+0

只需调用sliderHandler();在页面加载 – SteveP 2013-03-14 21:15:25