diff --git a/web/public/js/tfm-files.js b/web/public/js/tfm-files.js
index cf9bf65..5634ccf 100644
--- a/web/public/js/tfm-files.js
+++ b/web/public/js/tfm-files.js
@@ -31,6 +31,11 @@ $(document).on("dblclick", ".item", function (e) {
 	resp.data.forEach(tanzaku => {
 		$(`#t${tanzaku.id}`).addClass("selected");
 	});
+	if ($("#selected")[0].checked) {
+		$(".list-item:not(.selected)").css("display", "none");
+	} else {
+		$(".list-item:not(.selected)").css("display", "block");
+	}
 });
 
 $(document).on("input", "#filter", function (e) {
diff --git a/web/public/js/tfm-tags.js b/web/public/js/tfm-tags.js
index 463b6ff..8ac242c 100644
--- a/web/public/js/tfm-tags.js
+++ b/web/public/js/tfm-tags.js
@@ -30,6 +30,11 @@ $(document).on("dblclick", ".item", function (e) {
 	resp.data.forEach(sasa => {
 		$(`#s${sasa.id}`).addClass("selected");
 	});
+	if ($("#selected")[0].checked) {
+		$(".list-item:not(.selected)").css("display", "none");
+	} else {
+		$(".list-item:not(.selected)").css("display", "block");
+	}
 });
 
 $(document).on("click", "#btn-confirm", function (e) {
diff --git a/web/public/js/tfm.js b/web/public/js/tfm.js
index e2d8435..ce109c6 100644
--- a/web/public/js/tfm.js
+++ b/web/public/js/tfm.js
@@ -71,6 +71,14 @@ $(document).on("click", ".list-item", function (e) {
 	}
 });
 
+$(document).on("click", "#selected", function (e) {
+	if (this.checked) {
+		$(".list-item:not(.selected)").css("display", "none");
+	} else {
+		$(".list-item:not(.selected)").css("display", "block");
+	}
+});
+
 $(document).on("click", "#btn-close", function (e) {
 	e.preventDefault();
 	$(".menu-wrapper").css("display", "none");
diff --git a/web/public/tfm/files.html b/web/public/tfm/files.html
index 1ac6572..919f160 100644
--- a/web/public/tfm/files.html
+++ b/web/public/tfm/files.html
@@ -50,7 +50,11 @@
 					<input type="text" name="filter" class="form-control" id="filter">
 				</div>
 			</div>
-			<div class="form-group list" style="height: calc(100vh - 290px)"></div>
+			<div class="form-group form-check">
+				<input type="checkbox" name="related" class="form-check-input" id="selected" checked>
+				<label class="form-check-label" for="selected">Show only selected</label>
+			</div>
+			<div class="form-group list" style="height: calc(100vh - 330px)"></div>
 			<div class="form-group button-flex">
 				<button class="btn btn-primary" id="btn-confirm">Confirm</button>
 				<a target="_blank" class="btn btn-outline-info" id="btn-full">View full</a>
diff --git a/web/public/tfm/tags.html b/web/public/tfm/tags.html
index 948fc2a..2d6fa97 100644
--- a/web/public/tfm/tags.html
+++ b/web/public/tfm/tags.html
@@ -44,7 +44,11 @@
 					<input type="text" name="name" class="form-control" id="name">
 				</div>
 			</div>
-			<div class="form-group list" style="height: calc(100vh - 230px)"></div>
+			<div class="form-group form-check">
+				<input type="checkbox" name="related" class="form-check-input" id="selected" checked>
+				<label class="form-check-label" for="selected">Show only selected</label>
+			</div>
+			<div class="form-group list" style="height: calc(100vh - 270px)"></div>
 			<div class="form-group button-flex">
 				<button class="btn btn-primary" id="btn-confirm">Confirm</button>
 				<button class="btn btn-outline-danger" id="btn-close">Close</button>