Question

我使用此代码以显示/隐藏选择框取决于是否选中了复选框：

jQuery(document).ready(function($){
    $('[type="checkbox"][name="fields[special_proj_checkbox_field][]"]').change(function(){
      $('select.select').toggle(this.checked);
    });
});

此代码在后端，编辑帖子屏幕中执行。它运行良好除了一件事 - 我第一次进入编辑帖子屏幕时，没有选中复选框，但只有在我选中复选框并再次取消选中后，复选框才可见，该框正在隐藏。

默认情况下如何隐藏它？

Answer 1

您最初可以隐藏选择

jQuery(document).ready(function($){
   var select = $('select.select').hide();
   //or select = $('select.select').toggle();
    $('[type="checkbox"][name="fields[special_proj_checkbox_field][]"]').change(function(){
      select.toggle(this.checked);
    });
});

Answer 2

据我所知，jQuerys .hide()函数正在触发display:none。因此，您最初可以在框中添加display:none，或在代码的最开头添加$.hide()。

仅在选中复选框时显示选择框

2 个答案: