改变开关计算

时间:2017-01-09 12:34:41

标签: jquery

所以我试图让这件事做得很好,但我在这件事上有点新意,所以我有一些我无法开始工作的东西。

这个想法很简单。当您拖动第一个输入[范围]时,将进行计算。答案是在"圆形滑块"之后。 切换到"否"公式正在发生变化,所以用来自" R& D Spend"的值进行计算。和#34;商业损失"。

所以......如果我在" R& D Spend"选择值= 5米计算结果为:750,000。 如果我在" R& D Spend"中选择值= 5米,请选择"否"然后在"商业损失"选择价值= 5米计算结果为:2,250,000。

但是在这个阶段,如果我将开关按钮切换回' YES'第二个输入[范围]消失(这是好的),但计算它仍然是第二个,而不是第一个,只是来自第一个输入的值。

你可以在这里看到小提琴:https://jsfiddle.net/1x60sp0a/4/

$('#js--checkbox').change(function(e) {
  if ($('#js--checkbox').is(':checked')) {
    $('#slider2').slideDown();
    } else {
    $('#slider2').slideUp();
    }
});

我希望我能解释清楚。 非常感谢你!

2 个答案:

答案 0 :(得分:0)

我选择了“是”'在复选框

$('#js--checkbox').change(function(e) {
    if ($('#js--checkbox').is(':checked')) {
        $('#slider2').slideDown();
    } else {
        $('#slider2').slideUp();
        $('#flying2').val('0').trigger('change');
        $('#slider2out').text(0);
    }
});

jsfiddle

答案 1 :(得分:0)

我建议您在取消选中复选框时触发更改然后重置文本以更新范围,例如:

$('#js--checkbox').change(function(e) {
  if ($('#js--checkbox').is(':checked')) {
    $('#slider2').slideDown();
  } else {
    $('#slider2').slideUp();
    $('#flying2').val(0).trigger('change');
    $('#slider2out').text(0);
  }
});

JSFiddle

我建议甚至将其设为“重置”功能,以使其更加实用/可理解。

该死的 - 刚刚注意到我遭到了30秒的殴打。