javascript - 选择的选项有什么问题？

Question

我只是想用所选选项的值进行简单的计算，但是我得到了错误的结果: pickUp 9 和 returnTime 10，它给出 no(必须是 yea)

但是提货时间 11 和返回时间 14，它给出 yea(这是正确的)，因此它给出了一些特定数字的正确结果，而一些数字则不是......

这是(拾取)选择选项:

<select id="ophalenUur" class="timePicker selectOption">
    <option value="-">Kies Tijd</option>
    <option value="8">08.00</option>
    <option value="8.5">08.30</option>
    <option value="9">09.00</option>
    <option value="9.5">09.30</option>
    <option value="10">10.00</option>
    <option value="10.5">10.30</option>
    <option value="11">11.00</option>
    <option value="11.5">11.30</option>
    <option value="12">12.00</option>
    <option value="12.5">12.30</option>
    <option value="13">13.00</option>
    <option value="13.5">13.30</option>
    <option value="14">14.00</option>
    <option value="14.5">14.30</option>
    <option value="15.">15.00</option>
    <option value="15.5">15.30</option>
    <option value="16">16.00</option>
    <option value="16.5">16.30</option>
    <option value="17">17.00</option>
    <option value="17.5">17.30</option>
    <option value="18">18.00</option>
    <option value="18.5">18.30</option>
    <option value="19">19.00</option>
    <option value="19.5">19.30</option>
    <option value="20">20.00</option>
</select> 

和js:

var pickUp = 0;
var returnTime =0; 

$('#ophalenUur').change(function() {
    pickUp = $('#ophalenUur option:selected').val();
    $('.pickUp').text("PickUp: " + pickUp);
});

$('#inleverenUur').change(function() {
    returnTime = $('#inleverenUur option:selected').val();
    $('.returntime').text("return: " + returnTime);

    if(returnTime > pickUp){ alert("yea");
    } else { alert("no");  }
});

fiddle :http://jsfiddle.net/jLAaq/27/

这里出了什么问题？我找了几个小时但看不到:/

Answer 1

因为您正在进行字符串比较

var pickUp = 0;
var returnTime = 0;
var totalExtra = 0;

$('#ophalenUur').change(function () {
    //conver the value string to number by prfixing it with + or you can use parseFloat(this.value)
    pickUp = +this.value;
    $('.pickUp').text("PickUp: " + pickUp);
});

$('#inleverenUur').change(function () {
    returnTime = +this.value;
    $('.returntime').text("return: " + returnTime);

    if (returnTime > pickUp) {
        alert("yea");
    } else {
        alert("no");
    }
});

演示:Fiddle