コードを調べたところ、最終的に 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;
});