使用onclick函数检查复选框时如何添加或减去值?

时间:2015-02-20 09:17:35

标签: javascript jquery html

我正在尝试使用公交车票预订平台进行锻炼,我希望在选中复选框时添加或减去值。我使用以下功能,但它不起作用。有人可以帮我解决这个问题。

<input  type='checkbox' class='checkbox' name='seatno[]' value='S1' onclick='addfare("100"); addtax("10.20"; addtotal("110.20"))' >
<input  type='checkbox' class='checkbox' name='seatno[]' value='S2' onclick='addfare("100"); addtax("10.20"; addtotal("110.20"))' >
<input id='fare' />
<input id='tax' />
<input id='total' />

为此,我尝试使用JavaScript。

<script language="JavaScript" type="text/javascript">
    var total = document.getElementById("total")
    function addtotal(caller,tot){
        if(caller.checked){
            add(caller)
        } else {
            subtract(caller)
        }
    }
    function add(caller){ total.value = total.value*1 + tot}
    function subtract(caller){ total.value = total.value*1 - tot}
</script>

我不知道如何解决这个问题。请帮我找到解决方案。我提前感谢所有人。

2 个答案:

答案 0 :(得分:0)

函数调用不正确:

addtax("10.20"; addtotal("110.20"))

你不能在函数的参数之间加上分号。

答案 1 :(得分:0)

我无法获取您的代码。但是,了解您的要求就是解决方案。

<input type="checkbox" id="check">
<script type="text/javascript">
    var checkbox = document.getElementById('check');
    checkbox.addEventListener('click', function(e){
        if (this.checked) {
            add();
        }
    });

    function add (a, b) {
        console.log(a+b);
    }
</script>