diff --git a/modules/document/tpl/extra_keys.html b/modules/document/tpl/extra_keys.html
index c3f9d56e7..3e2eba8f5 100644
--- a/modules/document/tpl/extra_keys.html
+++ b/modules/document/tpl/extra_keys.html
@@ -1,4 +1,5 @@
 <load target="js/document_admin.js" />
+<load target="js/document_extra_keys.js" />
 <!--%import("filter/insert_extra_var.xml")-->
 <!--%import("filter/delete_extra_var.xml")-->
 
@@ -49,7 +50,7 @@
 					<label class="x_inline" for="is_required_n"><input type="radio" name="is_required" id="is_required_n" value="N" checked="checked"|cond="$selected_var->is_required != 'Y'" /> {$lang->not}</label>
 				</div>
 			</div>
-			<div class="x_control-group">
+			<div class="x_control-group" data-visible-types="select,radio,checkbox">
 				<label class="x_control-label">{$lang->extra_vars_is_strict}</label>
 				<div class="x_controls">
 					<label class="x_inline" for="is_strict_y"><input type="radio" name="is_strict" id="is_strict_y" value="Y" checked="checked"|cond="$selected_var->is_strict == 'Y'" /> {$lang->yes}</label>
@@ -57,14 +58,14 @@
 					<p class="x_help-block">{$lang->about_extra_vars_is_strict}</p>
 				</div>
 			</div>
-			<div class="x_control-group">
+			<div class="x_control-group" data-invisible-types="file">
 				<label class="x_control-label" for="default">{$lang->default_value}</label>
 				<div class="x_controls">
 					<input type="text" name="default" id="default" value="{$selected_var->default}" />
 					<p class="x_help-block">{$lang->about_extra_vars_default_value}</p>
 				</div>
 			</div>
-			<div class="x_control-group">
+			<div class="x_control-group" data-visible-types="select,radio,checkbox">
 				<label class="x_control-label" for="default">{$lang->extra_vars_options}</label>
 				<div class="x_controls">
 					<textarea type="text" name="options" id="options">{$selected_var ? implode("\n", $selected_var->getOptions()) : ''}</textarea>
diff --git a/modules/document/tpl/js/document_extra_keys.js b/modules/document/tpl/js/document_extra_keys.js
new file mode 100644
index 000000000..57a006239
--- /dev/null
+++ b/modules/document/tpl/js/document_extra_keys.js
@@ -0,0 +1,25 @@
+(function($) {
+	$(function() {
+		$('select#type').on('change', function() {
+			const selected_type = $(this).val();
+			$(this).parents('form').find('.x_control-group').each(function() {
+				const visible_types = $(this).data('visibleTypes');
+				if (visible_types) {
+					if (visible_types.split(',').indexOf(selected_type) >= 0) {
+						$(this).show();
+					} else {
+						$(this).hide();
+					}
+				}
+				const invisible_types = $(this).data('invisibleTypes');
+				if (invisible_types) {
+					if (invisible_types.split(',').indexOf(selected_type) >= 0) {
+						$(this).hide();
+					} else {
+						$(this).show();
+					}
+				}
+			});
+		}).triggerHandler('change');
+	});
+})(jQuery);