0

我已经完成了我的代码,最终得到了 2 个可能的基本价格。学生基数 = 249.99 美元,助理 = 399.99 美元。

每个选项都可以选择添加:

椅子 99.99 美元和/或桌子 99.99 美元。

截至目前,我的代码无法识别助手选项(399.99 美元),也无法进行正确的数学运算。总而言之:如果选择了助手选项,它应该被替换为新的基础价格。

如何获得在 2 个选项之间切换并识别复选框值的基本价格?

我做了一个小提琴来更好地展示我正在使用的东西。

提前谢谢你的帮助。

// check if assistant or student
$('input[name=type]').on('change', function(){
    if($(this).prop('value') == 1) {
        // if assistant
        var originalAmount = 399.99;
        $('span.amount').html(originalAmount);
    }else {
        // else student
        var originalAmount = 249.99;
        $('span.amount').html(originalAmount);
    }
});
// check the current amount
originalAmount = Number($('span.amount').html().replace(/[^0-9\.]+/g,""));
$(':checkbox').change(function(){
    sum = originalAmount;
    var names = $(':checked').map(function(){
        sum += (this.value - 0);
        return this.name;
    }).get().join(',');
    $('span.amount').text('$' + sum);
    spans[1].innerHTML = sum;
});
4

1 回答 1

1

这是一个工作小提琴:

http://jsfiddle.net/3SNFy/18/

基本上,将 OriginalAmount 更改为 originalAmount in

$('span.amount').html(originalAmount);

此外,您希望在全局级别声明该变量以使数学正常工作。

编辑: 更新小提琴以考虑单选按钮更改以及复选框的选择。

http://jsfiddle.net/3SNFy/19/

于 2013-04-17T23:35:42.153 回答