javascript - 选择多选隐藏显示错误

Question

您好我在自定义选择器 jquery 多选选项时遇到问题。我的要求是在单击单选按钮时隐藏和显示多选选项

默认情况下它应该是隐藏的，点击专业时它应该是可见的。任何想法？

选择html代码

   <select data-placeholder="Specialty" class="chosen-select" multiple style="width:350px;" tabindex="4">
</select>

当我使用正常的显示和隐藏 jquery 和 javascript 时它不起作用！

Answer 1

要隐藏加载添加这样的样式

   <select data-placeholder="Specialty" class="chosen-select" multiple style="width:350px; display: none;" tabindex="4"></select>

然后为点击事件添加这个脚本

$('#radio-speciality').click(function() {
  if($(this).is(':checked')) {
   $('.chosen-container').show();
  }
  else {
   $('.chosen-container').hide();
  }
});