检查复选框是否选中而不单击它

Question

我有一个输入复选框被修改为按钮，一个是批准的，一个是拒绝的，当选中批准时，它会选中复选框等，一旦选中，第三个按钮保存提交。如果我在没有使用按钮的情况下选中该复选框，那么我的脚本可以正常工作，但是我会释放已经与按钮相关联的其他功能。

下面的代码基于WooCommerce order received页面中通过AJAX更新order状态

我如何监听和检测是否选中了复选框，即使它是通过选择按钮而不是实际的复选框选中的。

null

$(document).ready(function() {
    $(".wcfa-save-button").click(function() {
        if ($("input[type=checkbox]").is(":checked")) {
            alert("Check box is Checked");


            $('button.wcfa-save-button').click(function(e) {
                e.preventDefault();

                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: "woocommerce_params.ajax_url",
                    data: {
                        'action': 'redeem_complete',
                        'order_id': orerId, // Here we send the order Id
                    },
                    success: function(response) {
                        $('.response').text("Order data successfully fetched.");
                        console.log("Order data successfully fetched.");
                    }
                });
            });

        } else {
            alert("Check box is Unchecked");
        }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="wcfa-attachment" class="wcfa-hidden" id="wcfa-approved-result" data-id="attachmentID">

<button id="wcfa-approve-button-ID" class="button wcfa-approve-button" data-approval="approved" data-id="attachmentID">Approve</a>
<button id="wcfa-reject-button-attachmentID" class="button wcfa-reject-button" data-approval="rejected" data-id="attachmentID">Reject</a>
<button class="button wcfa-save-button wcfa-disable-during-transition" data-id="attachmentID">Save</button>

null

Answer 1

如果选中了复选框或没有使用“长度”，您可以执行如下操作：

$(document).ready(function() {
    function checkIfChecked(){
        if ($("input[type=checkbox]").is(":checked").length > 0) {
            alert("Check box is Checked");


            $('button.wcfa-save-button').click(function(e) {
                e.preventDefault();

                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: "woocommerce_params.ajax_url",
                    data: {
                        'action': 'redeem_complete',
                        'order_id': orerId, // Here we send the order Id
                    },
                    success: function(response) {
                        $('.response').text("Order data successfully fetched.");
                        console.log("Order data successfully fetched.");
                    }
                });
            });

        } else {
            alert("Check box is Unchecked");
        }
    });
});