Javascript:复选框onchange / onclick功能不起作用

时间:2016-11-08 07:27:14

标签: javascript jquery html checkbox

我有这个函数用于计算,无论何时填充文本字段,它都会向变量添加堆栈,每当在文本字段上选中复选框时,文本字段都不会添加值。

一切正常,除了复选框功能,我已经尝试 onchange onclick 但没有任何反应。你能检查一下我的代码吗?

脚本:

def accumulate(r):
    next_value = 0
    for i in r:
        next_value = next_value + i
        yield next_value

HTML:

function submission(){
    x = 19;
    ctr = 1;
    ctr2 = 0;
    days = ('<?php echo $query[0]->totaldays; ?>') - 1;
    $('#payment').html('');
    for(i = 1; i<=x ; i++){
        if($('#guest'+i).val() != ""){
          ctr++;
        }
        if(document.getElementById('kid'+i).checked){
          ctr2++;
        }
    }

    totalCount = 0;
    totalCount = parseInt(ctr) - parseInt(ctr2);
    totalCount = parseInt(ctr) * parseInt(days);
    totalCount = parseFloat(totalCount) * 100;
    $('#totalPayment').val(totalCount);
    $('#payment').html(totalCount);

}

3 个答案:

答案 0 :(得分:0)

onclick事件处理程序将用于复选框,您可以尝试此代码, HTML:

<input onclick="submission(this)" type="checkbox" name="kid1" id="kid1" >

JS: 您可以使用以下代码检查并查看是否选中了复选框

function submission(click){
....
var clicked=click.checked;
...
}

如果为true则表示已选中复选框,如果为false,则表示尚未选中。

答案 1 :(得分:0)

$("#guest1").change(function() {
if(this.checked) {
    //Do this.
}
else{
   // Do this.
}});
  • 不需要在html上提及onclick功能。只需在JS中添加此代码即可。
  • 根据id。
  • 调用auto

如果您在理解方面需要任何帮助,请告诉我。

的Ajay

答案 2 :(得分:0)

谢谢你的答案,似乎我对我的数学方程式稍微搞砸了。

-webkit-overflow-scrolling: touch;