Odoo V16 - 显示/隐藏网站注册表单上的动态输入

Question

在网站注册表单上添加两个字段后，

​- the first is a checkbox "I am a company"

​- the second one is input char SIRET NUMBER

我正在尝试（目标是）：如果未选中“我是公司”复选框，则隐藏第二个输入“siret number”；如果选中此字段，则显示它。

两个字段都正确显示，但是...当我取消选中复选框时，“增值税号”不会隐藏...

谢谢您的帮助！

<div class="mb-3 field-is_company">
                <label class="form-check-label" for="is_company">Je suis une société</label>
                <input type="checkbox" t-att-checked="True" name="is_company" id="is_company" class="form-check-input"/>                
            </div>            
            
            <div class="mb-3 field-siret" attrs="{'invisible' : [('is_company', '=', False)]}">
                <label for="siret">Votre SIRET</label>
                <input type="text" name="siret" t-att-value="siret" id="siret" class="form-control form-control-sm" required="required"/>
            </div>

Answer 1

您可以使用简单的 Html/js:

<input type="checkbox" checked="checked" class="form-check-input"
name="is_company" id="is_company" onclick="myfunction(el){ if(el.checked) document.getElementById('siret').style.display = "block";}" 
class="form-check-input"/>