javascript - 复选框未完成完成功能 html javascript

Question

我的网页中有多个复选框。每个复选框都运行一个名为“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>

我通过这个调用adds函数:

<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/>

Answer 1

仅更改“checked”属性不会触发该事件。您还需要使用 .trigger( "change") 或 .change() 。

你的关键行将如下所示...

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