复选框未完成功能html javascript

时间:2017-08-29 10:59:05

标签: javascript html checkbox

我的网页上有多个复选框。每个复选框都运行一个名为“adds”的javascript函数。当您手动单击该框时,此方法有效。

我有另一种类型的复选框,用于检查该div中的所有复选框,但是当选中此复选框时,它不会在它检查的复选框上运行“添加”功能。

有谁知道为什么?

检查所有div函数:

<script type="text/javascript" language="javascript">
function checkCheckboxes( id, pID ){
$('#'+pID).find(':checkbox').each(function(){
jQuery(this).prop('checked', $('#' + id).is(':checked'));
});  
}
</script>

添加功能:

<script type="text/javascript" language="javascript">
function adds(id) {

var value = $(id).val()

    jQuery.ajax({
        url: "selection_update.php",
        data: {"value": value},
        type: "POST",
        dataType: 'json',
            success:function(responce){
            $("#check").html(responce);
        }
    });
}
</script>

我通过以下方式调用了添加功能:

<input class="mycheckbox" type="checkbox" value="$table3[Test_ID]" onchange="adds('#tccb$j')" id="tccb$j" unchecked>

并通过以下方式调用checkall函数:

<input class="mycheckbox" type="checkbox" onclick="checkCheckboxes(this.id, 'collapse$count');" id="mcb$count" unchecked/>

1 个答案:

答案 0 :(得分:3)

只需更改&#39;已选中&#39;财产不会触发事件。您还需要使用.trigger( "change" ).change()

你的关键线看起来像这样......

jQuery(this).prop('checked', $('#' + id).is(':checked')).change();