jQuery和HTML，如何根据另一个表单的值隐藏表单？

由 发布于 javascriptajaxjqueryhtmltemplates
 收藏

我需要使用JavaScript隐藏基于其他表单值的表单。

假设我们有以下HTML：

<div class="form-row">
     <div class="form-group col-2 0 mb-0" id="one" >
         {{form.x|as_crispy_field}}
     </div>
     <div class="form-group col-2 0 mb-0 d-none" id="two">
         {{form.y|as_crispy_field}}
     </div>
</div>

现在，假设我要隐藏y是x的形式，其值等于“隐藏”。如何使用jQuery获得它？

我已经尝试了以下代码，但是它不起作用：

       function check_field_value() {
           if($(this).val() == 'Hide') {
                $('#two').removeClass('d-none');
           } else {
                $('#two').addClass('d-none');
           }
       }

       // this is executed once when the page loads
       $(document).ready(function() {

           $('#one').change(check_field_value);
           check_field_value.call($('#one').get(0));
       });
评论