diff --git a/seahub/templates/js/templates.html b/seahub/templates/js/templates.html
index 0a3ddf1344..304556a77a 100644
--- a/seahub/templates/js/templates.html
+++ b/seahub/templates/js/templates.html
@@ -1240,11 +1240,11 @@
                             <input type="radio" name="permission" value="preview_download" checked="checked" class="vam" />
                             <span class="vam">{% trans "Preview and download" %}</span>
                         </label><br />
-                        <label id="file-share-link-preview-only-radio" class="radio-item hide">
+                        <label id="share-link-preview-only-radio" class="radio-item">
                             <input type="radio" name="permission" value="preview_only" class="vam" />
                             <span class="vam">{% trans "Preview only" %}</span>
                         </label><br />
-                        <label id="file-share-link-edit-download-radio" class="radio-item hide">
+                        <label id="share-link-edit-download-radio" class="radio-item hide">
                             <input type="radio" name="permission" value="edit_download" class="vam" />
                             <span class="vam">{% trans "Edit on cloud and download" %}</span>
                         </label>
diff --git a/static/scripts/app/views/share.js b/static/scripts/app/views/share.js
index 213ad1c1c6..d238ade33c 100644
--- a/static/scripts/app/views/share.js
+++ b/static/scripts/app/views/share.js
@@ -258,8 +258,8 @@ define([
                     dataType: 'json',
                     success: function(data) {
                         // show 'can preview/edit' perm option for download link or not
-                        if (data.can_preview) {
-                            _this.$('#file-share-link-preview-only-radio').removeClass('hide');
+                        if (!data.can_preview) {
+                            _this.$('#share-link-preview-only-radio').addClass('hide');
                         }
 
                         var file_ext = '';
@@ -268,7 +268,7 @@ define([
                                 .toLowerCase();
                         }
                         if ((file_ext == 'docx' || file_ext == 'xlsx' || file_ext == 'pptx') && data.can_edit) {
-                            _this.$('#file-share-link-edit-download-radio').removeClass('hide');
+                            _this.$('#share-link-edit-download-radio').removeClass('hide');
                         }
                     }
                 });