{"id":393,"date":"2023-02-03T14:02:34","date_gmt":"2023-02-03T14:02:34","guid":{"rendered":"https:\/\/dijix.com.ua\/blog\/?p=393"},"modified":"2023-02-03T14:02:34","modified_gmt":"2023-02-03T14:02:34","slug":"checkbox-list-v-asp-net-core-mvc","status":"publish","type":"post","link":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/","title":{"rendered":"Checkbox List \u0432 Asp.net Core Mvc"},"content":{"rendered":"<p>\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e, \u044f\u043a \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 \u0431\u0435\u0437\u043b\u0456\u0447\u0447\u044e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 <strong>CheckBox<\/strong>, \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0437\u0438\u043c\u043e \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u043d\u0438\u0445 \u0441\u043f\u0438\u0441\u043e\u043a &#8216;\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u0456\u0432&#8217;, \u043d\u0430\u0432\u0447\u0438\u043c\u043e\u0441\u044f \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0456 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438, \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0432\u0430\u0442\u0438 \u043f\u043e\u0448\u0443\u043a \u0456 \u0433\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f.<\/p>\n<p>\u0429\u043e\u0431 \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043f\u0440\u043e\u0454\u043a\u0442, \u0437\u0430\u043f\u0443\u0441\u0442\u0456\u0442\u044c Visual Studio \u0456 \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044c \u0443 \u043c\u0435\u043d\u044e File (\u0424\u0430\u0439\u043b) &#8211; New Project (\u0421\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043f\u0440\u043e\u0454\u043a\u0442). \u0412\u043a\u0430\u0436\u0456\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u043f\u0440\u043e\u0435\u043a\u0442\u0443 <strong>ASP.NET Core Web Application<\/strong> (\u0412\u0435\u0431-\u0434\u043e\u0434\u0430\u0442\u043e\u043a ASP.NET Core). \u0412\u0432\u0435\u0434\u0456\u0442\u044c CheckboxListApplication, \u0443 \u043f\u043e\u043b\u0456 <strong>Name<\/strong>, \u043d\u0430 \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0456\u0439 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456 \u0432\u043a\u0430\u0436\u0456\u0442\u044c Framework .Net 7.0 \u0456 \u043d\u0430\u0442\u0438\u0441\u043d\u0456\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 <strong>Create<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-279 size-full\" src=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok.jpg\" alt=\"\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 asp.net core checkbox\" width=\"873\" height=\"603\" srcset=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok.jpg 873w, https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-300x207.jpg 300w, https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-768x530.jpg 768w\" sizes=\"auto, (max-width: 873px) 100vw, 873px\" \/><\/p>\n<p>\u0423 \u043f\u0430\u043f\u043a\u0443 <strong>Models<\/strong> \u0434\u043e\u0434\u0430\u043c\u043e \u043a\u043b\u0430\u0441 <strong>Product<\/strong> \u0437 \u0442\u0430\u043a\u0438\u043c \u0432\u043c\u0456\u0441\u0442\u043e\u043c:<\/p>\n<pre class=\"lang:default decode:true \">public class Product\r\n    {\r\n        public int Id { get; set; }\r\n        public string Name { get; set; }\r\n        public decimal Price { get; set; }\r\n    }\r\n<\/pre>\n<p>\u0423 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u0440\u0456 <strong>HomeController<\/strong> \u0434\u043e\u0434\u0430\u043c\u043e \u043a\u043e\u043b\u0435\u043a\u0446\u0456\u044e \u0434\u0430\u043d\u0438\u0445 \u043a\u043b\u0430\u0441\u0443 <strong>Product<\/strong>:<\/p>\n<pre class=\"lang:default decode:true \">public class HomeController : Controller\r\n    {\r\n        private readonly List&lt;Product&gt; products;\r\n\r\n        public HomeController()\r\n        {\r\n            products = new List&lt;Product&gt;()\r\n            {\r\n                new Product{ Id = 1, Name = \"Apple\", Price = 15},\r\n                new Product{ Id = 2, Name = \"Orange\", Price = 23},\r\n                new Product{ Id = 3, Name = \"Coffee\", Price = 76},\r\n                new Product{ Id = 4, Name = \"Milk\", Price = 35},\r\n                new Product{ Id = 5, Name = \"Water\", Price = 7}\r\n            };\r\n        }\r\n\r\n        public IActionResult Index()\r\n        {\r\n            return View();\r\n        }\r\n    }\r\n<\/pre>\n<p>\u0411\u0443\u0434\u0435\u043c\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0456\u0432, \u0449\u043e\u0431 \u043d\u0435 \u0443\u0441\u043a\u043b\u0430\u0434\u043d\u044e\u0432\u0430\u0442\u0438 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0440\u043e\u0431\u043e\u0442\u043e\u044e \u0437 \u0431\u0430\u0437\u043e\u044e \u0434\u0430\u043d\u0438\u0445.<\/p>\n<p>\u0423 \u0434\u0456\u0457 <strong>Index<\/strong> \u043f\u0435\u0440\u0435\u0434\u0430\u043c\u043e \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0456\u0432, \u044f\u043a \u043a\u043e\u043b\u0435\u043a\u0446\u0456\u044e <strong>SelectListItem<\/strong>:<\/p>\n<pre class=\"lang:default decode:true \">public IActionResult Index()\r\n        {\r\n            var selectList = products.Select(e =&gt; new SelectListItem\r\n            {\r\n                Text = e.Name,\r\n                Value = e.Id.ToString()\r\n            });\r\n            return View(selectList);\r\n        }\r\n<\/pre>\n<p>\u0423 \u043f\u043e\u0434\u0430\u043d\u043d\u0456 <strong>Index.cshtml<\/strong> \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0437\u0438\u043c\u043e \u0441\u043f\u0438\u0441\u043e\u043a \u0456 \u0444\u043e\u0440\u043c\u0443:<\/p>\n<pre class=\"lang:default decode:true \">@model IEnumerable&lt;SelectListItem&gt;\r\n@{\r\n    ViewData[\"Title\"] = \"Home Page\";\r\n}\r\n\r\n&lt;div class=\"text-center\"&gt;\r\n    &lt;form method=\"post\" asp-controller=\"Home\" asp-action=\"Index\"&gt;\r\n        &lt;table class=\"table\"&gt;\r\n            @foreach (var product in Model)\r\n            {\r\n                &lt;tr&gt;\r\n                    &lt;td&gt;\r\n                        &lt;input id=\"@product.Value\" type=\"checkbox\" name=\"product\" value=\"@product.Value\" checked=\"@product.Selected\" \/&gt;\r\n                    &lt;\/td&gt;\r\n                    &lt;td&gt;\r\n                        &lt;label asp-for=\"@product.Value\" class=\"form-control\"&gt;@product.Text&lt;\/label&gt;\r\n                    &lt;\/td&gt;\r\n                &lt;\/tr&gt;\r\n            }\r\n        &lt;\/table&gt;\r\n        &lt;br \/&gt;\r\n        @Html.AntiForgeryToken()\r\n        &lt;input type=\"submit\" value=\"\u0412\u044b\u0431\u0440\u0430\u0442\u044c\" class=\"btn btn-primary\" \/&gt;\r\n    &lt;\/form&gt;\r\n&lt;\/div&gt;\r\n\r\n@if (ViewBag.Message != null)\r\n{\r\n    &lt;script type=\"text\/javascript\"&gt;\r\n        window.onload = function () {\r\n            alert(\"@ViewBag.Message\");\r\n        };\r\n    &lt;\/script&gt;\r\n}\r\n<\/pre>\n<p>\u041f\u0440\u0438 \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u0456 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 &#8216;<strong>\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0438<\/strong>&#8216;, \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u043e\u0431\u0440\u0430\u043d\u0438\u0445 \u043f\u0440\u0430\u043f\u043e\u0440\u0446\u0456\u0432 \u0432\u0456\u0434\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0432 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0435\u0440 <strong>Home<\/strong>, \u0434\u0456\u044f <strong>Index<\/strong>. \u0421\u0442\u0432\u043e\u0440\u0438\u043c\u043e \u0439\u043e\u0433\u043e <strong>[Post]<\/strong> \u0432\u0435\u0440\u0441\u0456\u044e, \u0432 \u044f\u043a\u0456\u0439 \u043e\u043f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u043e\u0442\u0440\u0438\u043c\u0430\u043d\u0456 \u0434\u0430\u043d\u0456:<\/p>\n<pre class=\"lang:default decode:true \">[HttpPost]\r\n        [AutoValidateAntiforgeryToken]\r\n        public IActionResult Index(string[] product)\r\n        {\r\n            ViewBag.Message = \"Selected Items:\\n\";\r\n\r\n            var selectList = products.Select(e =&gt; new SelectListItem\r\n            {\r\n                Text = e.Name,\r\n                Value = e.Id.ToString()\r\n            }).ToList();\r\n\r\n            foreach (SelectListItem item in selectList)\r\n            {\r\n                if (product.Contains(item.Value))\r\n                {\r\n                    item.Selected = true;\r\n                    ViewBag.Message += string.Format(\"Id - {0}, Name - {1}\\n\", item.Value, item.Text);\r\n                }\r\n            }\r\n            return View(selectList);\r\n        }\r\n<\/pre>\n<p>\u041d\u0430\u0440\u0435\u0448\u0442\u0456, \u0432\u0438\u0431\u0440\u0430\u043d\u0456 \u0456\u0434\u0435\u043d\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u043e\u0440\u0438 \u0442\u0430 \u0456\u043c\u0435\u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0456\u0432 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u044c\u0441\u044f \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e JavaScript Alert Message Box:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-280\" src=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-1.jpg\" alt=\"\" width=\"928\" height=\"533\" srcset=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-1.jpg 928w, https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-1-300x172.jpg 300w, https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-1-768x441.jpg 768w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/p>\n<h2 style=\"text-align: left;\">\u041f\u043e\u0448\u0443\u043a \u0456 \u0413\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f Checkbox List<\/h2>\n<p>\u041f\u0456\u0434 \u0447\u0430\u0441 \u0440\u043e\u0431\u043e\u0442\u0438 \u0437 \u0431\u0435\u0437\u043b\u0456\u0447\u0447\u044e CheckBox-\u0456\u0432 \u043c\u043e\u0436\u0443\u0442\u044c \u0432\u0438\u043d\u0438\u043a\u043d\u0443\u0442\u0438 \u0442\u0440\u0443\u0434\u043d\u043e\u0449\u0456 \u043f\u0456\u0434 \u0447\u0430\u0441 \u043f\u043e\u0448\u0443\u043a\u0443 \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u0443\u043f\u043e\u0440\u044f\u0434\u043a\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445. \u0412\u0437\u044f\u0442\u0438 \u0442\u043e\u0439 \u0441\u0430\u043c\u0438\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0456\u0437 \u0434\u043e\u0434\u0430\u0432\u0430\u043d\u043d\u044f\u043c &#8216;\u041a\u043d\u0438\u0433\u0438&#8217; \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d.<\/p>\n<p>\u041a\u043d\u0438\u0433\u0430 \u043c\u043e\u0436\u0435 \u043c\u0456\u0441\u0442\u0438\u0442\u0438 \u043a\u0456\u043b\u044c\u043a\u0430 \u0430\u0432\u0442\u043e\u0440\u0456\u0432, \u0430 \u0443 \u043d\u0430\u0441 \u0457\u0445 1000, \u043f\u043e\u0448\u0443\u043a \u0431\u0443\u0434\u0435 \u0432\u0438\u0441\u043d\u0430\u0436\u043b\u0438\u0432\u0438\u043c, \u0447\u0438 \u043d\u0435 \u0442\u0430\u043a? \u0410 \u044f\u043a \u043f\u043e\u0442\u0456\u043c \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438, \u044f\u043a\u0438\u0439 \u0430\u0432\u0442\u043e\u0440 \u0431\u0443\u0432 \u043e\u0431\u0440\u0430\u043d\u0438\u0439, \u0433\u043e\u0440\u0442\u0430\u0442\u0438 \u0432\u043d\u0438\u0437 \u0443 \u043f\u043e\u0448\u0443\u043a\u0443 \u0433\u0430\u043b\u043e\u0447\u043a\u0438?<\/p>\n<p>\u0422\u0440\u043e\u0445\u0438 \u043c\u043e\u0434\u0435\u0440\u043d\u0456\u0437\u0443\u0454\u043c\u043e \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434, \u0434\u043e\u0434\u0430\u0432\u0448\u0438 \u0434\u043e \u043d\u044c\u043e\u0433\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 \u0442\u0430 \u043f\u043e\u0448\u0443\u043a, \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c\u043e \u0434\u043e \u043f\u043e\u0434\u0430\u043d\u043d\u044f <strong>Index.cshtm<\/strong>l \u0456 \u0437\u043c\u0456\u043d\u0438\u043c\u043e \u0439\u043e\u0433\u043e \u0432\u043c\u0456\u0441\u0442 \u0442\u0430\u043a\u0438\u043c \u0447\u0438\u043d\u043e\u043c:<\/p>\n<pre class=\"lang:default decode:true\">@model IEnumerable&lt;SelectListItem&gt;\r\n@{\r\n    ViewData[\"Title\"] = \"Home Page\";\r\n}\r\n\r\n&lt;div class=\"row\"&gt;\r\n    &lt;div class=\"col-sm-4\"&gt;\r\n        &lt;div class=\"panel panel-default\"&gt;\r\n            &lt;div class=\"row\"&gt;\r\n                &lt;div class=\"col-sm-12\"&gt;\r\n                    &lt;form method=\"post\" asp-controller=\"Home\" asp-action=\"Index\"&gt;\r\n                        &lt;span class=\"input-icon\"&gt;\r\n                            &lt;input type=\"text\" placeholder=\"\u041f\u043e\u0438\u0441\u043a\" id=\"colsearch\" class=\"form-control colsearch\" onkeyup=\"sortCols()\"&gt;\r\n                            &lt;i class=\"fa fa-search\"&gt;&lt;\/i&gt;\r\n                        &lt;\/span&gt;\r\n                        &lt;div class=\"col-sm-12 well\"&gt;\u0412\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 &lt;\/div&gt;\r\n                        &lt;ul id=\"col-active\" class=\"media-list\" style=\"margin-left: 10px\"&gt;\r\n\r\n                            @foreach (var product in Model.Where(e =&gt; e.Selected == true))\r\n                            {\r\n                                &lt;li&gt;\r\n                                    &lt;div class=\"checkbox sidebar-content\"&gt;\r\n                                        &lt;label&gt;\r\n                                            &lt;input id=\"@product.Value\" type=\"checkbox\" name=\"product\" value=\"@product.Value\" checked=\"@product.Selected\" class=\"green\"&gt;\r\n                                            @product.Text\r\n                                        &lt;\/label&gt;\r\n                                    &lt;\/div&gt;\r\n                                &lt;\/li&gt;\r\n                            }\r\n\r\n                        &lt;\/ul&gt;\r\n                        &lt;div class=\"col-sm-12 well\"&gt;\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 &lt;\/div&gt;\r\n                        &lt;ul id=\"col-inactive\" class=\"media-list\" style=\"margin-left: 10px\"&gt;\r\n\r\n                            @foreach (var product in Model.Where(e =&gt; e.Selected == false))\r\n                            {\r\n                                &lt;li&gt;\r\n                                    &lt;div class=\"checkbox sidebar-content\"&gt;\r\n                                        &lt;label&gt;\r\n                                            &lt;input id=\"@product.Value\" type=\"checkbox\" name=\"product\" value=\"@product.Value\" checked=\"@product.Selected\" class=\"green\"&gt;\r\n                                            @product.Text\r\n                                        &lt;\/label&gt;\r\n                                    &lt;\/div&gt;\r\n                                &lt;\/li&gt;\r\n                            }\r\n\r\n                        &lt;\/ul&gt;\r\n                        &lt;br \/&gt;\r\n                        @Html.AntiForgeryToken()\r\n                        &lt;input type=\"submit\" value=\"\u0412\u044b\u0431\u0440\u0430\u0442\u044c\" class=\"btn btn-primary\" \/&gt;\r\n                    &lt;\/form&gt;\r\n                &lt;\/div&gt;\r\n            &lt;\/div&gt;\r\n        &lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n\r\n\r\n&lt;script src=\"https:\/\/code.jquery.com\/jquery-2.1.1.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twitter-bootstrap\/3.3.7\/js\/bootstrap.min.js\"&gt;&lt;\/script&gt;\r\n&lt;link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/twitter-bootstrap\/3.3.7\/css\/bootstrap.min.css\" rel=\"stylesheet\" \/&gt;\r\n\r\n&lt;script&gt;\r\n    function sortCols() {\r\n        var input, filter, ul, li, a, i;\r\n        input = document.getElementById('colsearch');\r\n        filter = input.value.toUpperCase();\r\n        ul = document.getElementById(\"col-inactive\");\r\n        li = ul.getElementsByTagName('li');\r\n\r\n        for (i = 0; i &lt; li.length; i++) {\r\n            a = li[i].getElementsByTagName(\"label\")[0];\r\n            if (a.textContent.trim().toUpperCase().indexOf(filter) &gt; -1) {\r\n                li[i].style.display = \"\";\r\n            } else {\r\n                li[i].style.display = \"none\";\r\n            }\r\n        }\r\n    }\r\n\r\n    $(':checkbox').on('change', function (e) {\r\n        if (this.checked == false &amp;&amp; $(this).closest('#col-active').length == 1) {\r\n            $(this).closest('li').appendTo('#col-inactive');\r\n        }\r\n        if (this.checked == true &amp;&amp; $(this).closest('#col-inactive').length == 1) {\r\n            $(this).closest('li').appendTo('#col-active');\r\n        }\r\n    })\r\n&lt;\/script&gt;\r\n\r\n\r\n@if (ViewBag.Message != null)\r\n{\r\n    &lt;script type=\"text\/javascript\"&gt;\r\n        window.onload = function () {\r\n            alert(\"@ViewBag.Message\");\r\n        };\r\n    &lt;\/script&gt;\r\n}\r\n<\/pre>\n<p>\u041f\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u043c\u043e \u0440\u043e\u0431\u043e\u0442\u0443, \u0437\u0434\u0456\u0439\u0441\u043d\u0438\u043c\u043e \u043f\u043e\u0448\u0443\u043a, \u0432\u0456\u0434\u043c\u0456\u0442\u0438\u043c\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u0449\u043e \u0446\u0456\u043a\u0430\u0432\u043b\u044f\u0442\u044c, \u0456 \u043d\u0430\u0442\u0438\u0441\u043d\u0435\u043c\u043e \u043a\u043d\u043e\u043f\u043a\u0443 &#8216;<strong>\u0412\u0438\u0431\u0440\u0430\u0442\u0438<\/strong>&#8216;:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-281\" src=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-2.jpg\" alt=\"checkbox search asp net core mvc\" width=\"812\" height=\"488\" srcset=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-2.jpg 812w, https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-2-300x180.jpg 300w, https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/snimok-2-768x462.jpg 768w\" sizes=\"auto, (max-width: 812px) 100vw, 812px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">\u0412 \u0434\u0430\u043d\u043e\u043c\u0443 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456, \u043f\u043e\u0448\u0443\u043a \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0454\u0442\u044c\u0441\u044f \u043f\u043e \u043a\u043e\u043b\u043e\u043d\u0446\u0456 &#8216;\u041d\u0435 \u0432\u0438\u0431\u0440\u0430\u043d\u0456&#8217;, \u044f\u043a\u0430 \u043c\u0430\u0454 <strong>id=&#8221;col-inactive&#8221;<\/strong>, \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0454\u0442\u044c\u0441\u044f, \u0432 \u0440\u0430\u0437\u0456 \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u043e\u0441\u0442\u0456 \u043c\u043e\u0436\u043d\u0430 \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u0456\u0434\u0435\u043d\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u043e\u0440 \u0432 \u043a\u043e\u0434\u0456 <strong>JavaScript<\/strong>:<\/span><\/p>\n<pre class=\"lang:default decode:true\">function sortCols() {\r\n        var input, filter, ul, li, a, i;\r\n        input = document.getElementById('colsearch');\r\n        filter = input.value.toUpperCase();\r\n        ul = document.getElementById(\"col-inactive\");\r\n        li = ul.getElementsByTagName('li');\r\n\r\n        for (i = 0; i &lt; li.length; i++) {\r\n            a = li[i].getElementsByTagName(\"label\")[0];\r\n            if (a.textContent.trim().toUpperCase().indexOf(filter) &gt; -1) {\r\n                li[i].style.display = \"\";\r\n            } else {\r\n                li[i].style.display = \"none\";\r\n            }\r\n        }\r\n    }\r\n<\/pre>\n<h2 id=\"final\">\u041f\u0456\u0434\u0441\u0443\u043c\u043e\u043a<\/h2>\n<p>\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u0431\u0443\u043b\u043e \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0443\u0442\u043e, \u044f\u043a \u0432\u0438\u0432\u043e\u0434\u0438\u0442\u0438 \u0441\u043f\u0438\u0441\u043e\u043a <strong>CheckBox<\/strong> \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u0443 \u043f\u043e\u0434\u0430\u043d\u043d\u0456, \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0432\u0430\u0442\u0438 \u0437\u0430 \u043d\u0438\u043c\u0438 \u043f\u043e\u0448\u0443\u043a \u0456 \u0433\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f, \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438.<\/p>\n<p>\u041d\u0430 \u0446\u044c\u043e\u043c\u0443 \u0441\u0442\u0430\u0442\u0442\u044f &#8220;Checkbox List \u0432 Asp.net Core Mvc&#8221;, \u043f\u0456\u0434\u0456\u0439\u0448\u043b\u0430 \u0434\u043e \u043a\u0456\u043d\u0446\u044f, \u0441\u043f\u043e\u0434\u0456\u0432\u0430\u044e\u0441\u044f \u0432\u0430\u043c \u0431\u0443\u043b\u043e \u0446\u0456\u043a\u0430\u0432\u043e. \u0412\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u0432\u0438\u0445\u0456\u0434\u043d\u0438\u0439 \u043a\u043e\u0434 \u0443 \u043c\u043e\u0454\u043c\u0443 \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0456\u0457 <span>\u2014 <\/span><a href=\"https:\/\/github.com\/murzilaka2\/CheckBox-List-in-Asp.Net-Core-MVC\"><span>Github<\/span><\/a><span>.<\/span><\/p>\n<p>\u041f\u043e\u0434\u0456\u043b\u0456\u0442\u044c\u0441\u044f \u0432\u0430\u0448\u0438\u043c \u0434\u043e\u0441\u0432\u0456\u0434\u043e\u043c \u0443 \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440\u044f\u0445, \u044f\u043a \u0432\u0438 \u043f\u0440\u0430\u0446\u044e\u0454\u0442\u0435 \u0437 \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u0430\u043c\u0438 \u0432 Asp.Net Core?<\/p>\n<p>\u0422\u0430\u043a \u0441\u0430\u043c\u043e \u0432\u0430\u043c \u043c\u043e\u0436\u0435 \u0431\u0443\u0442\u0438 \u0446\u0456\u043a\u0430\u0432\u0430 \u043f\u043e\u043f\u0435\u0440\u0435\u0434\u043d\u044f \u0441\u0442\u0430\u0442\u0442\u044f:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"lLzaTSzOZW\"><p><a href=\"https:\/\/dijix.com.ua\/blog\/uk\/vosstanovlenie-parolya-v-asp-net-core-identity\/\">\u0412\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u043f\u0430\u0440\u043e\u043b\u044f \u0432 ASP.NET Core Identity<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;\u0412\u0456\u0434\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u043f\u0430\u0440\u043e\u043b\u044f \u0432 ASP.NET Core Identity&#8221; &#8212; Dijix -  \u0411\u043b\u043e\u0433\" src=\"https:\/\/dijix.com.ua\/blog\/uk\/vosstanovlenie-parolya-v-asp-net-core-identity\/embed\/#?secret=CVRFOwBKQP#?secret=lLzaTSzOZW\" data-secret=\"lLzaTSzOZW\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<hr \/>\n<h4><strong>\u0412\u0438 \u0445\u043e\u0447\u0435\u0442\u0435 \u043d\u0430\u0432\u0447\u0438\u0442\u0438\u0441\u044f \u043f\u0438\u0441\u0430\u0442\u0438 \u043a\u043e\u0434 \u043c\u043e\u0432\u043e\u044e \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0443\u0432\u0430\u043d\u043d\u044f C#?<\/strong><\/h4>\n<p>\u0421\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u0440\u0456\u0437\u043d\u0456 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u0456 \u0441\u0438\u0441\u0442\u0435\u043c\u0438, \u0449\u043e \u0441\u043a\u043b\u0430\u0434\u0430\u044e\u0442\u044c\u0441\u044f \u0437 \u0441\u0430\u0439\u0442\u0456\u0432, \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043a\u043b\u0456\u0454\u043d\u0442\u0456\u0432, \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u0438\u0445 \u0434\u043e\u0434\u0430\u0442\u043a\u0456\u0432, \u0442\u0435\u043b\u0435\u0433\u0440\u0430\u043c-\u0431\u043e\u0442\u0456\u0432 \u0442\u043e\u0449\u043e.<\/p>\n<p><a href=\"https:\/\/dijix.com.ua\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-94 size-full\" src=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2022\/08\/logog-brand.png\" alt=\"\" width=\"355\" height=\"77\" srcset=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2022\/08\/logog-brand.png 355w, https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2022\/08\/logog-brand-300x65.png 300w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/a><\/p>\n<p>\u041f\u0435\u0440\u0435\u0445\u043e\u0434\u044c\u0442\u0435 \u0434\u043e \u043d\u0430\u0441 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 Dijix \u0456 \u043e\u0437\u043d\u0430\u0439\u043e\u043c\u0442\u0435\u0441\u044f \u0437 \u0443\u043c\u043e\u0432\u0430\u043c\u0438 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f, \u043c\u0438 \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0437\u0443\u0454\u043c\u043e\u0441\u044f \u0442\u0456\u043b\u044c\u043a\u0438 \u043d\u0430 \u0456\u043d\u0434\u0438\u0432\u0456\u0434\u0443\u0430\u043b\u044c\u043d\u0438\u0445 \u0437\u0430\u043d\u044f\u0442\u0442\u044f\u0445, \u044f\u043a \u0434\u043b\u044f \u043f\u043e\u0447\u0430\u0442\u043a\u0456\u0432\u0446\u0456\u0432, \u0442\u0430\u043a \u0456 \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0443\u043d\u0443\u0442\u0438\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0456\u0441\u0442\u0456\u0432. \u0412\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0437\u044f\u0442\u0438 \u044f\u043a \u043e\u0434\u043d\u0435 \u0437\u0430\u043d\u044f\u0442\u0442\u044f \u0434\u043b\u044f \u043e\u043f\u0440\u0430\u0446\u044e\u0432\u0430\u043d\u043d\u044f \u043f\u0438\u0442\u0430\u043d\u043d\u044f, \u0449\u043e \u0432\u0430\u0441 \u0446\u0456\u043a\u0430\u0432\u0438\u0442\u044c, \u0442\u0430\u043a \u0456 \u043a\u0456\u043b\u044c\u043a\u0430, \u0434\u043b\u044f \u0431\u0456\u043b\u044c\u0448 \u0449\u0456\u043b\u044c\u043d\u043e\u0457 \u0440\u043e\u0431\u043e\u0442\u0438. \u0417\u0430\u0432\u0434\u044f\u043a\u0438 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u043e\u043c\u0443 \u043a\u0430\u0431\u0456\u043d\u0435\u0442\u0443, \u043a\u043e\u0436\u0435\u043d \u0441\u0442\u0443\u0434\u0435\u043d\u0442 \u043f\u0456\u0434\u0432\u0438\u0449\u0438\u0442\u044c \u044f\u043a\u0456\u0441\u0442\u044c \u0441\u0432\u043e\u0433\u043e \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f, \u0443 \u0432\u0430\u0448\u043e\u043c\u0443 \u0440\u043e\u0437\u043f\u043e\u0440\u044f\u0434\u0436\u0435\u043d\u043d\u0456:<\/p>\n<ul>\n<li>\u0414\u043e\u0441\u0442\u0443\u043f \u0434\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u043e\u0433\u043e \u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0443<\/li>\n<li>\u0422\u0435\u043c\u0430\u0442\u0438\u0447\u043d\u0456 \u0441\u0442\u0430\u0442\u0442\u0456<\/li>\n<li>\u0411\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0430 \u043a\u043d\u0438\u0433<\/li>\n<li>\u041e\u043d\u043b\u0430\u0439\u043d \u0442\u0435\u0441\u0442\u0443\u0432\u0430\u043d\u043d\u044f<\/li>\n<li>\u0421\u043f\u0456\u043b\u043a\u0443\u0432\u0430\u043d\u043d\u044f \u0432 \u0437\u0430\u043a\u0440\u0438\u0442\u0438\u0445 \u0433\u0440\u0443\u043f\u0430\u0445<\/li>\n<\/ul>\n<blockquote>\n<p style=\"text-align: right;\"><a href=\"https:\/\/dijix.com.ua\/uk\/\">https:\/\/dijix.com.ua<\/a><\/p>\n<p style=\"text-align: right;\"><a href=\"https:\/\/ms.dijix.com.ua\/\">\u0416\u0438\u0432\u0438 \u0443 \u0441\u0432\u043e\u0454\u043c\u0443 \u0441\u0432\u0456\u0442\u0456, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0443\u0439 \u0443 \u043d\u0430\u0448\u043e\u043c\u0443<\/a>.<\/p>\n<\/blockquote>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e, \u044f\u043a \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 \u0431\u0435\u0437\u043b\u0456\u0447\u0447\u044e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 CheckBox, \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0437\u0438\u043c\u043e \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u043d\u0438\u0445 \u0441\u043f\u0438\u0441\u043e\u043a &#8216;\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u0456\u0432&#8217;, \u043d\u0430\u0432\u0447\u0438\u043c\u043e\u0441\u044f \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0456 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438, \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0432\u0430\u0442\u0438 \u043f\u043e\u0448\u0443\u043a \u0456 \u0433\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f. \u0429\u043e\u0431&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/\">Continue reading<span class=\"screen-reader-text\">Checkbox List \u0432 Asp.net Core Mvc<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":282,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"uk","_original_post":"https:\/\/dijix.com.ua\/blog\/?p=278","footnotes":""},"categories":[8],"tags":[],"class_list":["post-393","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asp-net-core","uk","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Checkbox List \u0432 Asp.net Core Mvc - Dijix - \u0411\u043b\u043e\u0433<\/title>\r\n<meta name=\"description\" content=\"\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e, \u044f\u043a \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 \u0431\u0435\u0437\u043b\u0456\u0447\u0447\u044e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 CheckBox, \u043d\u0430\u0432\u0447\u0438\u043c\u043e\u0441\u044f \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0456 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438, \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0432\u0430\u0442\u0438 \u043f\u043e\u0448\u0443\u043a \u0456 \u0433\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f.\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/\" \/>\r\n<meta property=\"og:locale\" content=\"uk_UA\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Checkbox List \u0432 Asp.net Core Mvc - Dijix - \u0411\u043b\u043e\u0433\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Dijix - \u0411\u043b\u043e\u0433\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Dijixs\" \/>\r\n<meta property=\"article:published_time\" content=\"2023-02-03T14:02:34+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/360_f_199522246_n0hllmnfe8gn6tlmhslnst4wjxstr6o4-min.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"560\" \/>\r\n\t<meta property=\"og:image:height\" content=\"360\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"author\" content=\"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u041f\u0440\u0438\u0431\u043b. \u0447\u0430\u0441 \u0447\u0438\u0442\u0430\u043d\u043d\u044f\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u0445\u0432\u0438\u043b\u0438\u043d\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/\"},\"author\":{\"name\":\"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/#\/schema\/person\/4ce2240cdf3db189e17ca0ff422a0c3d\"},\"headline\":\"Checkbox List \u0432 Asp.net Core Mvc\",\"datePublished\":\"2023-02-03T14:02:34+00:00\",\"dateModified\":\"2023-02-03T14:02:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/\"},\"wordCount\":452,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/#organization\"},\"articleSection\":[\"Asp.Net Core\"],\"inLanguage\":\"uk\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/\",\"url\":\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/\",\"name\":\"Checkbox List \u0432 Asp.net Core Mvc - Dijix - \u0411\u043b\u043e\u0433\",\"isPartOf\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/#website\"},\"datePublished\":\"2023-02-03T14:02:34+00:00\",\"dateModified\":\"2023-02-03T14:02:34+00:00\",\"description\":\"\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e, \u044f\u043a \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 \u0431\u0435\u0437\u043b\u0456\u0447\u0447\u044e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 CheckBox, \u043d\u0430\u0432\u0447\u0438\u043c\u043e\u0441\u044f \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0456 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438, \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0432\u0430\u0442\u0438 \u043f\u043e\u0448\u0443\u043a \u0456 \u0433\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f.\",\"breadcrumb\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/#breadcrumb\"},\"inLanguage\":\"uk\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\",\"item\":\"https:\/\/dijix.com.ua\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Checkbox List \u0432 Asp.net Core Mvc\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/#website\",\"url\":\"https:\/\/dijix.com.ua\/blog\/\",\"name\":\"Dijix - \u0411\u043b\u043e\u0433\",\"description\":\"\ud83d\udc9c\",\"publisher\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dijix.com.ua\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"uk\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/#organization\",\"name\":\"Dijix - \u0411\u043b\u043e\u0433\",\"url\":\"https:\/\/dijix.com.ua\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"uk\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2022\/08\/\u0421\u043d\u0438\u043c\u043e\u043a.png\",\"contentUrl\":\"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2022\/08\/\u0421\u043d\u0438\u043c\u043e\u043a.png\",\"width\":159,\"height\":92,\"caption\":\"Dijix - \u0411\u043b\u043e\u0433\"},\"image\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Dijixs\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/#\/schema\/person\/4ce2240cdf3db189e17ca0ff422a0c3d\",\"name\":\"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"uk\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e3e8fa72f5adf168d30934fb574a97a5e812e7d6e2795075f0e7ea19311e3ba9?s=96&d=monsterid&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e3e8fa72f5adf168d30934fb574a97a5e812e7d6e2795075f0e7ea19311e3ba9?s=96&d=monsterid&r=g\",\"caption\":\"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430\"},\"sameAs\":[\"https:\/\/dijix.com.ua\/blog\"],\"url\":\"https:\/\/dijix.com.ua\/blog\/author\/admin\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Checkbox List \u0432 Asp.net Core Mvc - Dijix - \u0411\u043b\u043e\u0433","description":"\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e, \u044f\u043a \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 \u0431\u0435\u0437\u043b\u0456\u0447\u0447\u044e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 CheckBox, \u043d\u0430\u0432\u0447\u0438\u043c\u043e\u0441\u044f \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0456 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438, \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0432\u0430\u0442\u0438 \u043f\u043e\u0448\u0443\u043a \u0456 \u0433\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/","og_locale":"uk_UA","og_type":"article","og_title":"Checkbox List \u0432 Asp.net Core Mvc - Dijix - \u0411\u043b\u043e\u0433","og_url":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/","og_site_name":"Dijix - \u0411\u043b\u043e\u0433","article_publisher":"https:\/\/www.facebook.com\/Dijixs","article_published_time":"2023-02-03T14:02:34+00:00","og_image":[{"width":560,"height":360,"url":"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2023\/01\/360_f_199522246_n0hllmnfe8gn6tlmhslnst4wjxstr6o4-min.jpg","type":"image\/jpeg"}],"author":"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430","twitter_card":"summary_large_image","twitter_misc":{"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e":"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430","\u041f\u0440\u0438\u0431\u043b. \u0447\u0430\u0441 \u0447\u0438\u0442\u0430\u043d\u043d\u044f":"6 \u0445\u0432\u0438\u043b\u0438\u043d"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/#article","isPartOf":{"@id":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/"},"author":{"name":"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430","@id":"https:\/\/dijix.com.ua\/blog\/#\/schema\/person\/4ce2240cdf3db189e17ca0ff422a0c3d"},"headline":"Checkbox List \u0432 Asp.net Core Mvc","datePublished":"2023-02-03T14:02:34+00:00","dateModified":"2023-02-03T14:02:34+00:00","mainEntityOfPage":{"@id":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/"},"wordCount":452,"commentCount":0,"publisher":{"@id":"https:\/\/dijix.com.ua\/blog\/#organization"},"articleSection":["Asp.Net Core"],"inLanguage":"uk","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/","url":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/","name":"Checkbox List \u0432 Asp.net Core Mvc - Dijix - \u0411\u043b\u043e\u0433","isPartOf":{"@id":"https:\/\/dijix.com.ua\/blog\/#website"},"datePublished":"2023-02-03T14:02:34+00:00","dateModified":"2023-02-03T14:02:34+00:00","description":"\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u0440\u043e\u0437\u0433\u043b\u044f\u043d\u0435\u043c\u043e, \u044f\u043a \u043f\u0440\u0430\u0446\u044e\u0432\u0430\u0442\u0438 \u0437 \u0431\u0435\u0437\u043b\u0456\u0447\u0447\u044e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 CheckBox, \u043d\u0430\u0432\u0447\u0438\u043c\u043e\u0441\u044f \u043e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u0432\u0438\u0431\u0440\u0430\u043d\u0456 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438, \u0437\u0434\u0456\u0439\u0441\u043d\u044e\u0432\u0430\u0442\u0438 \u043f\u043e\u0448\u0443\u043a \u0456 \u0433\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f.","breadcrumb":{"@id":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/#breadcrumb"},"inLanguage":"uk","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dijix.com.ua\/blog\/uk\/checkbox-list-v-asp-net-core-mvc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/dijix.com.ua\/blog\/"},{"@type":"ListItem","position":2,"name":"Checkbox List \u0432 Asp.net Core Mvc"}]},{"@type":"WebSite","@id":"https:\/\/dijix.com.ua\/blog\/#website","url":"https:\/\/dijix.com.ua\/blog\/","name":"Dijix - \u0411\u043b\u043e\u0433","description":"\ud83d\udc9c","publisher":{"@id":"https:\/\/dijix.com.ua\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dijix.com.ua\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"uk"},{"@type":"Organization","@id":"https:\/\/dijix.com.ua\/blog\/#organization","name":"Dijix - \u0411\u043b\u043e\u0433","url":"https:\/\/dijix.com.ua\/blog\/","logo":{"@type":"ImageObject","inLanguage":"uk","@id":"https:\/\/dijix.com.ua\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2022\/08\/\u0421\u043d\u0438\u043c\u043e\u043a.png","contentUrl":"https:\/\/dijix.com.ua\/blog\/wp-content\/uploads\/2022\/08\/\u0421\u043d\u0438\u043c\u043e\u043a.png","width":159,"height":92,"caption":"Dijix - \u0411\u043b\u043e\u0433"},"image":{"@id":"https:\/\/dijix.com.ua\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Dijixs"]},{"@type":"Person","@id":"https:\/\/dijix.com.ua\/blog\/#\/schema\/person\/4ce2240cdf3db189e17ca0ff422a0c3d","name":"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430","image":{"@type":"ImageObject","inLanguage":"uk","@id":"https:\/\/dijix.com.ua\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e3e8fa72f5adf168d30934fb574a97a5e812e7d6e2795075f0e7ea19311e3ba9?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e3e8fa72f5adf168d30934fb574a97a5e812e7d6e2795075f0e7ea19311e3ba9?s=96&d=monsterid&r=g","caption":"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430"},"sameAs":["https:\/\/dijix.com.ua\/blog"],"url":"https:\/\/dijix.com.ua\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/posts\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":1,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/posts\/393\/revisions\/395"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/media\/282"}],"wp:attachment":[{"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}