基于 2 个变量的 JavaScript 表单重定向

Question

我们希望根据人们为汽车和卡车数量选择的单选按钮使用 3 个不同的感谢页面。我们在下面使用的当前脚本是为汽车创建的，效果很好。

<script>
$("input[name='cars']:checked").live('change', function() {
  switch ($(this).val()) {
    case '7 or less':
        window.module.lp.form.data.url = "URL1";
        break;
    case '8 or more':
        window.module.lp.form.data.url = "URL2";
        break;
    }
});
</script>

现在我们需要添加“4 或更少”或“5 或更多”作为选项的卡车。以下是可能性：

汽车：7 辆或更少和卡车 4 辆或更少：URL1 汽车：7 或更少和卡车 5 或更多：URL2 汽车：8 辆或更多：URL3（与添加卡车 4 或更少或卡车 5 或更多相同）

有谁知道如何更新现有代码以包含 2 个变量和 3 个不同的感谢页面？

Answer 1

1. 汽车：7 辆或更少和卡车 4 辆或更少：URL1
2. 汽车：7 辆或更少，卡车 5 辆或更多：URL2
3. 汽车：8 辆或更多：URL3（与添加卡车 4 或更少或卡车 5 或更多相同）

假设条件为 1,2 和 3，跟踪汽车和卡车并更新表格 onchange。

let car_count = 0;
let truck_count = 0;

$("input[name='cars']:checked").live('change', function() {
  switch ($(this).val()) {
    case '7 or less':
        car_count = 7;
        updateForm();
        break;
    case '8 or more':
        car_count = 8;
        updateForm();
        break;
    }
});

$("input[name='trucks']:checked").live('change', function() {
  switch ($(this).val()) {
    case '4 or less':
        truck_count = 4;
        updateForm();
        break;
    case '5 or more':
        truck_count = 5;
        updateForm();
        break;
    }
});

function updateForm() {
    if(car_count == 8) { // (3)
        // set url 3
    } else if(car_count == 7) { // (1) or (2)
        if(truck_count == 4) { // (1)
        // set url 1
        } else { // (2)
        // set url 2
        }
    }
}

理想情况下，表单 url 不应该在该人只是提供值时更改，而是提交表单

Answer 2

有人可以进一步帮助解决这个问题吗？