{"id":278,"date":"2023-01-07T17:17:32","date_gmt":"2023-01-07T17:17:32","guid":{"rendered":"https:\/\/dijix.com.ua\/blog\/?p=278"},"modified":"2023-02-02T15:51:26","modified_gmt":"2023-02-02T15:51:26","slug":"checkbox-list-v-asp-net-core-mvc","status":"publish","type":"post","link":"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/","title":{"rendered":"Checkbox List \u0432 Asp.net Core Mvc"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 <strong>CheckBox<\/strong>, \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0438\u0445 \u0441\u043f\u0438\u0441\u043e\u043a &#8216;\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432&#8217;, \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b, \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0443.<\/span><\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442, \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0435 Visual Studio \u0438 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0432 \u043c\u0435\u043d\u044e File (\u0424\u0430\u0439\u043b) \u2014 New Project (\u0421\u043e\u0437\u0434\u0430\u0442\u044c \u041f\u0440\u043e\u0435\u043a\u0442). \u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0448\u0430\u0431\u043b\u043e\u043d \u043f\u0440\u043e\u0435\u043a\u0442\u0430 ASP.NET Core Web Application (\u0412\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 ASP.NET Core). \u0412\u0432\u0435\u0434\u0438\u0442\u0435 <strong>CheckboxListApplication,<\/strong> \u0432 \u043f\u043e\u043b\u0435 Name, \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0443\u043a\u0430\u0436\u0438\u0442\u0435 Framework .Net 7.0 \u0438 \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \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><span style=\"font-weight: 400;\">\u0412 \u043f\u0430\u043f\u043a\u0443 <\/span><b>Models<\/b><span style=\"font-weight: 400;\">, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u043b\u0430\u0441\u0441 <\/span><b>Product<\/b><span style=\"font-weight: 400;\">, \u0441\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u044b\u043c:<\/span><\/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><span style=\"font-weight: 400;\">\u0412 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u0435 <\/span><b>HomeController<\/b><span style=\"font-weight: 400;\">, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e \u0434\u0430\u043d\u043d\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u0430 <\/span><b>Product<\/b><span style=\"font-weight: 400;\">:<\/span><\/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><span style=\"font-weight: 400;\">\u0411\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0443\u0441\u043b\u043e\u0436\u043d\u044f\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0430\u0431\u043e\u0442\u043e\u0439 \u0441 \u0431\u0430\u0437\u043e\u0439 \u0434\u0430\u043d\u043d\u044b\u0445.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u0412 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0438 <\/span><b>Index<\/b><span style=\"font-weight: 400;\"> \u043f\u0435\u0440\u0435\u0434\u0430\u0434\u0438\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432, \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 <\/span><b>SelectListItem<\/b><span style=\"font-weight: 400;\">:<\/span><\/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><span style=\"font-weight: 400;\">\u0412 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0438 <\/span><b>Index.cshtml<\/b><span style=\"font-weight: 400;\">, \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u0438 \u0444\u043e\u0440\u043c\u0443:<\/span><\/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><span style=\"font-weight: 400;\">\u041f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u2018<\/span><b>\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c<\/b><span style=\"font-weight: 400;\">\u2019, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0444\u043b\u0430\u0436\u043a\u043e\u0432 \u043e\u0442\u043f\u0440\u0430\u0432\u044f\u0442\u0441\u044f \u0432 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440 <\/span><b>Home<\/b><span style=\"font-weight: 400;\">, \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 <\/span><b>Index<\/b><span style=\"font-weight: 400;\">. \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0435\u0433\u043e <\/span><b>[Post]<\/b><span style=\"font-weight: 400;\"> \u0432\u0435\u0440\u0441\u0438\u044e, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435:<\/span><\/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><span style=\"font-weight: 400;\">\u041d\u0430\u043a\u043e\u043d\u0435\u0446, \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440\u044b \u0438 \u0438\u043c\u0435\u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e JavaScript Alert Message Box:<\/span><\/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\u0438\u0441\u043a \u0438 \u0413\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0430 Checkbox List<\/h2>\n<p><span style=\"font-weight: 400;\">\u041f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c CheckBox-\u043e\u0432, \u043c\u043e\u0433\u0443\u0442 \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u0443\u0442\u044c \u0442\u0440\u0443\u0434\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438 \u043f\u043e\u0438\u0441\u043a\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445. \u0412\u0437\u044f\u0442\u044c \u0442\u043e\u0442 \u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u0440 \u0441 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u2018<\/span><b>\u041a\u043d\u0438\u0433\u0438\u2019<\/b><span style=\"font-weight: 400;\"> \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u041a\u043d\u0438\u0433\u0430 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0430\u0432\u0442\u043e\u0440\u043e\u0432, \u0430 \u0443 \u043d\u0430\u0441 \u0438\u0445 1000, \u043f\u043e\u0438\u0441\u043a \u0431\u0443\u0434\u0435\u0442 \u0443\u0442\u043e\u043c\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c, \u043d\u0435 \u0442\u0430\u043a \u043b\u0438? \u0410 \u043a\u0430\u043a \u043f\u043e\u0442\u043e\u043c \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u043a\u0430\u043a\u043e\u0439 \u0430\u0432\u0442\u043e\u0440 \u0431\u044b\u043b \u0432\u044b\u0431\u0440\u0430\u043d, \u043b\u0438\u0441\u0442\u0430\u0442\u044c \u0432\u043d\u0438\u0437 \u0432 \u043f\u043e\u0438\u0441\u043a\u0435 \u0433\u0430\u043b\u043e\u0447\u043a\u0438?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u041d\u0435\u043c\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0435\u0440\u043d\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0439 \u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u043a \u043d\u0435\u043c\u0443 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443 \u0438 \u043f\u043e\u0438\u0441\u043a, \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0432 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 <\/span><b>Index.cshtml<\/b><span style=\"font-weight: 400;\"> \u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u043c \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/span><\/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><span style=\"font-weight: 400;\">\u041f\u0440\u043e\u0432\u0435\u0440\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0443, \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0438\u043c \u043f\u043e\u0438\u0441\u043a, \u043e\u0442\u043c\u0435\u0442\u0438\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0449\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0438 \u043d\u0430\u0436\u043c\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443 \u2018<\/span><b>\u0412\u044b\u0431\u0440\u0430\u0442\u044c<\/b>\u2019<span style=\"font-weight: 400;\">:<\/span><\/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\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435, \u043f\u043e\u0438\u0441\u043a \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e \u043a\u043e\u043b\u043e\u043d\u043a\u0435 \u2018<\/span><b>\u041d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435<\/b><span style=\"font-weight: 400;\">\u2019, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u043c\u0435\u0435\u0442 <\/span><strong>id<\/strong><span style=\"font-weight: 400;\"><strong>=&#187;col-inactive&#187;<\/strong>, <\/span><span style=\"font-weight: 400;\">\u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0435\u0442\u0441\u044f, \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u043e\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u0432 \u043a\u043e\u0434\u0435 JavaScript:<\/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\">\u0418\u0442\u043e\u0433<\/h2>\n<p>\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0431\u044b\u043b\u043e \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043e \u043a\u0430\u043a \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a <strong>CheckBox<\/strong> \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0438, \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c \u043f\u043e \u043d\u0438\u043c \u043f\u043e\u0438\u0441\u043a \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0443, \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b.<\/p>\n<p><span style=\"font-weight: 400;\">\u041d\u0430 \u044d\u0442\u043e\u043c \u0441\u0442\u0430\u0442\u044c\u044f \u00abCheckbox List \u0432 Asp.net Core Mvc\u00bb, \u043f\u043e\u0434\u043e\u0448\u043b\u0430 \u043a \u043a\u043e\u043d\u0446\u0443, \u043d\u0430\u0434\u0435\u044e\u0441\u044c \u0432\u0430\u043c \u0431\u044b\u043b\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0432 \u043c\u043e\u0435\u043c \u0440\u0435\u043f\u043e\u0437\u0438\u0442\u043e\u0440\u0438\u0438 \u2014 <\/span><a href=\"https:\/\/github.com\/murzilaka2\/CheckBox-List-in-Asp.Net-Core-MVC\"><span style=\"font-weight: 400;\">Github<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p>\u041f\u043e\u0434\u0435\u043b\u0438\u0442\u0435\u0441\u044c \u0432\u0430\u0448\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445, \u043a\u0430\u043a \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435 \u0441 \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u0430\u043c\u0438 \u0432 Asp.Net Core?<\/p>\n<p>\u0422\u0430\u043a \u0436\u0435 \u0432\u0430\u043c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f:<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"GBYxkVo1gS\"><p><a href=\"https:\/\/dijix.com.ua\/blog\/google-avtorizacziya-s-identity\/\">Google \u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0441 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=\"\u00abGoogle \u0410\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u044f \u0441 Identity\u00bb &#8212; Dijix -  \u0411\u043b\u043e\u0433\" src=\"https:\/\/dijix.com.ua\/blog\/google-avtorizacziya-s-identity\/embed\/#?secret=JIOaCpvFVQ#?secret=GBYxkVo1gS\" data-secret=\"GBYxkVo1gS\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<hr \/>\n<h4><strong>\u0412\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043d\u0430\u0443\u0447\u0438\u0442\u0441\u044f \u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043e\u0434 \u043d\u0430 \u044f\u0437\u044b\u043a\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f C#?<\/strong><\/h4>\n<p>\u0421\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u0441\u043e\u0441\u0442\u043e\u044f\u0449\u0438\u0435 \u0438\u0437 \u0441\u0430\u0439\u0442\u043e\u0432, \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432, \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u044b\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439, \u0442\u0435\u043b\u0435\u0433\u0440\u0430\u043c\u043c-\u0431\u043e\u0442\u043e\u0432 \u0438 \u0442.\u0434.<\/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\u0438\u0442\u0435 \u043a \u043d\u0430\u043c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 <strong><a href=\"https:\/\/dijix.com.ua\/\">Dijix<\/a>\u00a0<\/strong>\u0438 \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u044c\u0442\u0435\u0441\u044c \u0441 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u043c\u0438 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u043c\u044b \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u0437\u0430\u043d\u044f\u0442\u0438\u044f\u0445, \u043a\u0430\u043a \u0434\u043b\u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0445, \u0442\u0430\u043a \u0438 \u0434\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u0432. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0437\u044f\u0442\u044c \u043a\u0430\u043a \u043e\u0434\u043d\u043e \u0437\u0430\u043d\u044f\u0442\u0438\u0435 \u0434\u043b\u044f \u043f\u0440\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0449\u0435\u0433\u043e \u0412\u0430\u0441 \u0432\u043e\u043f\u0440\u043e\u0441\u0430, \u0442\u0430\u043a \u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e, \u0434\u043b\u044f \u0431\u043e\u043b\u0435\u0435 \u043f\u043b\u043e\u0442\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043b\u0438\u0447\u043d\u043e\u043c\u0443 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0443, \u043a\u0430\u0436\u0434\u044b\u0439 \u0441\u0442\u0443\u0434\u0435\u043d\u0442 \u043f\u043e\u0432\u044b\u0441\u0438\u0442 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f, \u0432\u00a0\u0432\u0430\u0448\u0435\u043c \u0440\u0430\u0441\u043f\u043e\u0440\u044f\u0436\u0435\u043d\u0438\u0438:<\/p>\n<ul>\n<li>\u0414\u043e\u0441\u0442\u0443\u043f \u043a \u043f\u0440\u043e\u0439\u0434\u0435\u043d\u043d\u043e\u043c\u0443 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0443<\/li>\n<li>\u0422\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438<\/li>\n<li>\u0411\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u043a\u043d\u0438\u0433<\/li>\n<li>\u041e\u043d\u043b\u0430\u0439\u043d \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/li>\n<li>\u041e\u0431\u0449\u0435\u043d\u0438\u0435 \u0432 \u0437\u0430\u043a\u0440\u044b\u0442\u044b\u0445 \u0433\u0440\u0443\u043f\u043f\u0430\u0445<\/li>\n<\/ul>\n<blockquote>\n<p style=\"text-align: right;\"><a href=\"https:\/\/dijix.com.ua\/\">https:\/\/dijix.com.ua<\/a><\/p>\n<p style=\"text-align: right;\">\u0416\u0438\u0432\u0438 \u0432 \u0441\u0432\u043e\u0435\u043c \u043c\u0438\u0440\u0435, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u0443\u0439 \u0432 <a href=\"https:\/\/ms.dijix.com.ua\/\">\u043d\u0430\u0448\u0435\u043c<\/a>.<\/p>\n<\/blockquote>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 CheckBox, \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0438\u0445 \u0441\u043f\u0438\u0441\u043e\u043a &#8216;\u041f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432&#8217;, \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b, \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0443. \u0427\u0442\u043e\u0431\u044b&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u044c\u0448\u0435<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":"ru_RU","_original_post":"https:\/\/dijix.com.ua\/blog\/?p=278","footnotes":""},"categories":[8],"tags":[],"class_list":["post-278","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asp-net-core","ru-RU","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=\"\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 CheckBox, \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b, \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0443.\" \/>\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\/checkbox-list-v-asp-net-core-mvc\/\" \/>\r\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\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\/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-01-07T17:17:32+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2023-02-02T15:51:26+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 \u0430\u0432\u0442\u043e\u0440\u043e\u043c\" \/>\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\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u043c\u0438\u043d\u0443\u0442\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/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-01-07T17:17:32+00:00\",\"dateModified\":\"2023-02-02T15:51:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/\"},\"wordCount\":451,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/#organization\"},\"articleSection\":[\"Asp.Net Core\"],\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/\",\"url\":\"https:\/\/dijix.com.ua\/blog\/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-01-07T17:17:32+00:00\",\"dateModified\":\"2023-02-02T15:51:26+00:00\",\"description\":\"\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 CheckBox, \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b, \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0443.\",\"breadcrumb\":{\"@id\":\"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dijix.com.ua\/blog\/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\":\"ru-RU\"},{\"@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\":\"ru-RU\",\"@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\":\"ru-RU\",\"@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":"\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 CheckBox, \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b, \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0443.","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\/checkbox-list-v-asp-net-core-mvc\/","og_locale":"ru_RU","og_type":"article","og_title":"Checkbox List \u0432 Asp.net Core Mvc - Dijix - \u0411\u043b\u043e\u0433","og_url":"https:\/\/dijix.com.ua\/blog\/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-01-07T17:17:32+00:00","article_modified_time":"2023-02-02T15:51:26+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 \u0430\u0432\u0442\u043e\u0440\u043e\u043c":"\u041b\u0435\u043e\u043d\u0438\u0434 \u041a\u0430\u0440\u0443\u043d\u0430","\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"6 \u043c\u0438\u043d\u0443\u0442"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/#article","isPartOf":{"@id":"https:\/\/dijix.com.ua\/blog\/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-01-07T17:17:32+00:00","dateModified":"2023-02-02T15:51:26+00:00","mainEntityOfPage":{"@id":"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/"},"wordCount":451,"commentCount":0,"publisher":{"@id":"https:\/\/dijix.com.ua\/blog\/#organization"},"articleSection":["Asp.Net Core"],"inLanguage":"ru-RU","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/","url":"https:\/\/dijix.com.ua\/blog\/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-01-07T17:17:32+00:00","dateModified":"2023-02-02T15:51:26+00:00","description":"\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 CheckBox, \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b, \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u0438\u0441\u043a \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0443.","breadcrumb":{"@id":"https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dijix.com.ua\/blog\/checkbox-list-v-asp-net-core-mvc\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dijix.com.ua\/blog\/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":"ru-RU"},{"@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":"ru-RU","@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":"ru-RU","@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\/278","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=278"}],"version-history":[{"count":2,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/posts\/278\/revisions"}],"predecessor-version":[{"id":336,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/posts\/278\/revisions\/336"}],"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=278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/categories?post=278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dijix.com.ua\/blog\/wp-json\/wp\/v2\/tags?post=278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}