复选框仅在点击div时检查了grouup中的一个

Question

我需要选中复选框，点击div，其中复选框位于该div内。现在我只需要检查该类别中的一个复选框。 我的代码工作正常，但它只能与复选框更改事件一起使用而不是div点击。

<script>
$(':checkbox').on('change',
    function () {
        var th = $(this), id = th.prop('id');
        if (th.is(':checked')) {
            $(':checkbox[id="' + id + '"]').not($(this)).prop('checked', false);
            //console.log("a")
        }
    });