WordPress Customizer API-如果选中第一个复选框，则切换第二个复选框：不保存

Question

我有2个复选框。 当选择1时，则另一个未选中。 我使用JS来完成此任务，并且效果很好。 但是，当我单击“保存”时，未选中的选项不会保存。 如果我实际上是用鼠标单击取消选中该复选框，则它会保存。 解决上述问题的最佳方法是什么？

我正在使用的PHP Action和JS：

add_action( 'customize_controls_print_footer_scripts', 'my_customizer_custom_scripts' );

function my_customizer_custom_scripts() { ?>
<script type="text/javascript">
jQuery(document).ready(function() {
    /* This one shows/hides the an option when a checkbox is clicked. */
    jQuery('#customize-control-checkbox1 input').click(function() {
        if (jQuery('#customize-control-checkbox2 input:checked').val() !== undefined) {
            jQuery('#customize-control-checkbox2 input').attr('checked', false);
        }
    });

    jQuery('#customize-control-checkbox2 input').click(function() {
        if (jQuery('#customize-control-checkbox1 input:checked').val() !== undefined) {
            jQuery('#customize-control-checkbox1 input').attr('checked', false);
        }
    }); 
});
</script>

<?php
}

Answer 1

弄清楚它必须使用trigger('click')而不是attr('checked', false) 。

所以

jQuery('#customize-control-checkbox1 input').attr('checked', false);

成为

jQuery('#customize-control-checkbox1 input').trigger('click');