Check if user clicked the checkbox

Question

On QWEB Invoice Portal I wanna check if user have checked the checkbox, if checked show the buttons else hide them.

I create a field on Invoice model: x_custom_checkbox: bool

Default state: False

When the state of x_custom_checkbox = False

When the state of x_custom_checkbox = True

On view Invoice Portal Template I use <input type="checkbox" id="invoice.x_custom_checkbox"/> to call the field, who can dynamically show/hide the 2 buttons (above image) according the state of checkbox?

Answer 1

My solution is actual very simple after some testings on Invoice Portal xml

 <center><input id="checkbox-status" type="checkbox" name="invoice.x_custom_checkbox"/> Accept</center>

 <div id="ShowHideDiv" class="o_download_pdf btn-toolbar flex-sm-nowrap">

    <script type="text/javascript">
            $("#ShowHideDiv").hide();
            $("#checkbox-status").change(function() {
                if ( $(this).is(':checked') ) {
                    $("#ShowHideDiv").show();
                } else {
                    $("#ShowHideDiv").hide();
                }
            });