jQuery复选框选中判断在if语句中失效问题求助

开发者阿泽

2026-6-30

问题原因与修复方案

你的问题出在变量b的作用域上：你在if和else代码块里用let声明的b，只在各自的块内有效，当代码执行到let prijs = a + b;时，这个b根本不存在（会抛出ReferenceError），所以逻辑完全失效。

修复后的代码（方案一：提前声明变量）

$('#praktijk').on('change', function() {
    // 显式转数字，避免字符串隐式转换的意外问题
    let a = Number($('input[name="aantal"]').val()) * Number($('input[name="lesprijs"]').val());
    let b = 0; // 提前在块级作用域顶部声明b，初始化默认值
    if ($('#praktijk').is(':checked')) {
        b = Number($('input[name="examenprijs"]').val());
    }
    let prijs = a + b;
    $('input[name="pakketprijs"]').val(prijs);
});

更简洁的写法（方案二：三元表达式）

$('#praktijk').on('change', function() {
    let a = Number($('input[name="aantal"]').val()) * Number($('input[name="lesprijs"]').val());
    // 用三元表达式直接给b赋值，省去if/else块
    let b = $('#praktijk').is(':checked') ? Number($('input[name="examenprijs"]').val()) : 0;
    let prijs = a + b;
    $('input[name="pakketprijs"]').val(prijs);
});