Onclick 不适用于 Toggle 按钮，但与常规 HTML 按钮配合得很好

问：

Onclick 不适用于 Toggle 按钮，但与常规 HTML 按钮配合得很好

这是我的代码：

<!-- This works fine -->
<td>
    <button onclick="updateStatus(<?php echo $comp['id'];?>)" id="statusBtn<?php echo $comp['id'];?>" class="status-btn <?php echo $comp['status']==0?'done':'pending'; ?>">
        <?php echo $comp['status']==0?'Done':'Pending'; ?>
    </button>
</td>

<!-- This doesn't I need the same as above with the below Toggle Button see screenshot -->  
<td>      
    <input type="checkbox" 
        data-toggle="toggle" 
        data-size="small" 
        data-onlabel="Done" 
        data-offlabel="Pending" 
        data-onstyle="success" 
        data-offstyle="warning" 
        onclick="updateStatus(<?php echo $comp['id']; ?>)" <?php echo $comp['status']==0?'done':'pending';?>
        <?php echo $comp['status']==0?'Done':'Pending'; ?> />                                                               
</td>

任何帮助都是值得赞赏的！ 谢谢。

从评论中添加：

const updateStatus=function(id) { 
    $.ajax({ 
        type: "POST", 
        url: "do_switch.php", 
        data:{ updateId:id }, 
        dataType: "html", 
        success: function(data){ 
            if(data==1) { 
                $("#statusBtn"+id).text("Pending") } 
            else if(data==0) { 
                $("#statusBtn"+id).text("Done")
            } // change status btn colors 
        } 
    }); 
}

以及：

<td>
    <input type="checkbox" 
        data-toggle="toggle" 
        data-size="small" 
        data-onlabel="Done" 
        data-offlabel="Pending" 
        data-onstyle="success" 
        data-offstyle="warning" 
        value="Done" 
        onclick="updateStatus(<?php echo $comp['id']; ?>)" <?php echo $comp['status']==0?'done':'pending';?> <?php echo $comp['status']==0?'Done':'Pending'; ?> > 
</td>