复选框未完成完成功能 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>

我通过这个调用添加函数：

<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();