javascript - 无法让这些 javascript if 语句发挥作用

Question

JS Fiddle

JS

var rangesliderfilter = function () {
    var low = parseInt(jQuery('#min-value-span').text());
    var high = parseInt(jQuery('#max-value-span').text());
    var BreakfastDR = [];
    var LunchDR = [];
    var DinnerDR = [];
    var SnacksDR = [];
    var TheString = [];
    var TestSlider = [];
    while (low <= high) {
        BreakfastDR.push('.' + low +'.breakfast');
        LunchDR.push('.' + low +'.lunch');
        DinnerDR.push('.' + low +'.dinner');
        SnacksDR.push('.' + low +'.snacks');
        TestSlider.push('.'+low);
        low++;
    }

    var checkbox1 = jQuery('.checkbox1').prop(':checked');
    var checkbox2 = jQuery('.checkbox2').prop(':checked');
    var checkbox3 = jQuery('.checkbox3').prop(':checked');
    var checkbox4 = jQuery('.checkbox4').prop(':checked');

     if (checkbox1){
        TheString.push(BreakfastDR)
    }
     if (checkbox2){
        TheString.push(LunchDR)
    }
     if (checkbox3){
        TheString.push(DinnerDR)
    }
     if (checkbox4){
        TheString.push(SnacksDR)
    }

    jQuery('.rangecheck').attr('value', TheString);
}

HTML

<fieldset>
     <h4>Meal Time</h4>

    <div class="checkbox">
        <input type="checkbox" value=".breakfast" class="checkbox1" />
        <label>Breakfast</label>
    </div>
    <div class="checkbox">
        <input type="checkbox" value=".lunch" class="checkbox2" />
        <label>Lunch</label>
    </div>
    <div class="checkbox">
        <input type="checkbox" value=".dinner" class="checkbox3" />
        <label>Dinner</label>
    </div>
    <div class="checkbox">
        <input type="checkbox" value=".snacks" class="checkbox4" />
        <label>Snacks</label>
    </div>
</fieldset>

要查看字符串应该如何，只需转到 fiddle 中的第 176 行并将 TheString 更改为 BreakfastDR。有关字符串输出，请参阅 console.log。这就是当 checkbox1 被选中并且范围 slider 处于事件状态时它应该看起来的样子。

此外，如果将第 176 行更改为 jQuery('.rangecheck').attr('value', BreakfastDr + LunchDR + DiningDR + SnacksDR); 控制台将向您显示它的假设看起来就像所有 4 个复选框均已选中并且范围 slider 处于事件状态。

但我的问题是数组没有被构建。 .push() 方法工作正常，问题出在 if 语句中。 (尝试删除 if 部分，只使用 .push() 部分来看看我的意思)

有人可以纠正我的错误吗？

Answer 1

Prop 字符串应该不带冒号，如下所示:

var checkbox1 = jQuery('.checkbox1').prop('checked');