复选框onclick in function

Question

我正在尝试执行某些代码，同时选中我的复选框（onclick）

以下是复选框的代码：

<input type="checkbox" onclick="costTimeCalculator(this);" name="option_price" id="option_price" class="option_checkbox" value="Premium" >

这是函数的一部分：

function costTimeCalculator(totalwords)
{
    if(document.getElementById("option_price").checked)
    {
        var cost=totalwords*0.02
    }
    else
    {
        var cost=totalwords*0.015
    }

    cost=cost.toFixed(2);
    var  time=2;

    more code..............
    }

该功能有效，但不是在我检查复选框的同一时刻。我错过了什么？

Answer 1

也许你没有正确地调用你的功能。试试这个：

$('#option_price').on('click', function(){
    if(this.checked){
        var cost=totalwords*0.02
    }else{
        var cost=totalwords*0.015
    }
})  
    cost=cost.toFixed(2);
    var  time=2;