首页 > 解决方案 > 检查用户是否点击了复选框

问题描述

在 QWEB 上Invoice Portal,我想检查用户是否选中了复选框,如果选中则显示按钮,否则隐藏它们。

我在模型上创建一个字段Invoicex_custom_checkbox: bool

Default state: False

当状态x_custom_checkbox = False

在此处输入图像描述

当状态x_custom_checkbox = True

在此处输入图像描述

Invoice Portal Template<input type="checkbox" id="invoice.x_custom_checkbox"/>用来调用字段的视图中,谁可以根据复选框的状态动态显示/隐藏 2 个按钮(上图)?

标签: odooodoo-12

解决方案


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();
                }
            });

推荐阅读