Как я могу сделать так, чтобы значение второго варианта менялось в зависимости от значения первого варианта? ⇐ Jquery

[Гость]

В настоящее время мы модифицируем код, который изменяет сумму в соответствии с каждым вариантом.
Однако я хотел бы изменить «значение» варианта 2 и «значение» варианта 3. измениться в соответствии с вариантом 1.
Например, если выбран вариант 1-1, сумма 2-2 равна -1, но если выбран вариант 1-2, сумма из 2-2 равно -2.
Я бы хотел, чтобы окончательная сумма ИТОГО была пересмотрена в соответствии с пересмотренным значением значения.
< div class="snippet">

Код: Выделить всё

$('.form-item input').on('change', function() {
// addition and subtraction here
var $this;
var sum = 0;

$('.form-item input').each(function() {
$this = $(this);

if ($this[0].checked == true) {
sum += parseInt($this.val());
}

$('.total span').html(sum.toLocaleString('en-US'));
})
});

Код: Выделить всё

.form-wrap {
display: block;
margin: 0 auto;
width: 480px;
}

.form-text {
text-align: left;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
margin-bottom: 15px;
color: #bbb;
padding: 0 5px;
}

#fm-title {
color: #444;
font-weight: 600;
}

#op-title {
font-weight: 600;
font-size: 20px;
color: #444;
}

.form-item {
margin-bottom: 5px;
}

.form-item input[type=radio] {
display: none;
}

.form-type-radio {
text-align: center;
margin-bottom: 35px;
}

.form-item input[type=radio]+label {
display: inline-block;
cursor: pointer;
height: 115px;
width: 480px;
border: 2px solid #ddd;
line-height: 1.5;
text-align: left;
font-weight: 400;
font-size: 16px;
padding: 26px 45px;
border-radius: 20px;
}

.form-item input[type=radio]+label {
background-color: #fff;
color: #bbb;
font-weight: 400;
}

.form-item input[type=radio]:checked+label {
background-color: #fff;
color: #bbb;
border-color: #444;
}

.total {
font-size: 22px;
font-weight: 600;
height: 65px;
padding: 15px 15px;
text-align: center;
color: #555;
}

#bm-text {
font-size: 18px;
width: 100%;
font-weight: 400;
color: #555;
padding: 0 5px;
margin-bottom: 40px;
}

#bm-text p {
margin-bottom: 20px;
}

@media (max-width: 991px) {
.form-wrap {
width: 100%;
}
.form-item input[type=radio]+label {
width: 100%;
height: 70px;
line-height: 1.4;
padding: 17px 25px;
font-size: 12px;
border: 1px solid #ddd;
}
.form-text {
font-size: 14px;
margin-bottom: 10px;
}
#op-title {
font-size: 13px;
}
.form-item {
margin-bottom: 1px;
}
.form-type-radio {
margin-bottom: 20px;
}
.total {
font-size: 17px;
font-weight: 500;
padding: 10px 10px;
color: #444;
}
#bm-text {
font-size: 12px;
margin-bottom: 20px;
}
#bm-text p {
margin-bottom:  15 пикселей;

Код: Выделить всё

OPTION 1


1-1


1-2


1-3



OPTION 2


2-1


2-2



OPTION 3


3-1


3-2


3-3


3-4



OPTION 4


4-1


4-2


4-3



OPTION 5


5-1


5-2


TOTAL 0

Источник: https://stackoverflow.com/questions/781 ... lue-of-the