{"id":348913,"date":"2022-08-24T04:57:52","date_gmt":"2022-08-24T04:57:52","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=348913"},"modified":"2026-01-27T09:49:33","modified_gmt":"2026-01-27T09:49:33","slug":"how-to-select-and-deselect-all-options-in-select-box","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/","title":{"rendered":"How to Select and Deselect All Options in Select Box (Updated Guide)"},"content":{"rendered":"\n<p>Several older implementations for handling select boxes use outdated JavaScript and jQuery practices. In this updated guide, you\u2019ll learn <strong>how to select and deselect all options in an HTML select box using modern jQuery<\/strong>.<\/p>\n\n\n\n<p>This approach works smoothly with current browsers and is ideal for <strong>bulk actions like delete, edit, or update records<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Is Select and Deselect All Functionality Important?<\/strong><\/h2>\n\n\n\n<p>Many applications allow users to work with multiple records at once. Selecting options one by one can slow users down.<\/p>\n\n\n\n<p>This feature helps to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Improve user experience<\/li>\n\n\n\n<li>Speed up bulk operations<\/li>\n\n\n\n<li>Reduce repetitive clicks<\/li>\n\n\n\n<li>Keep UI interactions simple<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>How Does Select and Deselect All Work Today?<\/strong><\/strong><\/h3>\n\n\n\n<p>The modern approach relies on:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The HTML <code>multiple<\/code> select attribute<\/li>\n\n\n\n<li>Updated jQuery (v3.x)<\/li>\n\n\n\n<li>The <code>.prop()<\/code> method instead of deprecated patterns<\/li>\n<\/ul>\n\n\n\n<p><strong>What Happens Internally?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clicking <strong>Select All<\/strong> sets <code>selected = true<\/code> for every option<\/li>\n\n\n\n<li>Clicking <strong>Deselect All<\/strong> resets <code>selected = false<\/code><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"637\" height=\"138\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png\" alt=\"select and deselect options in select box\" class=\"wp-image-349375\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png 637w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box-300x65.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box-250x54.png 250w\" sizes=\"(max-width: 637px) 100vw, 637px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: How Do You Create a Multiple Select Box in HTML?<\/strong><\/h3>\n\n\n\n<p>Start by creating a select box that allows multiple selections.<\/p>\n\n\n\n<p><strong>Key Points to Remember<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Improve user experience<\/li>\n\n\n\n<li>Speed up bulk operations<\/li>\n\n\n\n<li>Reduce repetitive clicks<\/li>\n\n\n\n<li>Keep UI interactions simple<\/li>\n<\/ul>\n\n\n\n<p>File Name: <code>select-option.html<\/code><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;Select &amp; Deselect All Options&lt;\/title&gt;\n\n    &lt;!-- Latest jQuery CDN --&gt;\n    &lt;script src=&quot;https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js&quot;&gt;&lt;\/script&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n    &lt;select id=&quot;selectBox&quot; multiple&gt;\n        &lt;option value=&quot;option1&quot;&gt;Option 1&lt;\/option&gt;\n        &lt;option value=&quot;option2&quot;&gt;Option 2&lt;\/option&gt;\n        &lt;option value=&quot;option3&quot;&gt;Option 3&lt;\/option&gt;\n        &lt;option value=&quot;option4&quot;&gt;Option 4&lt;\/option&gt;\n        &lt;option value=&quot;option5&quot;&gt;Option 5&lt;\/option&gt;\n        &lt;option value=&quot;option6&quot;&gt;Option 6&lt;\/option&gt;\n    &lt;\/select&gt;\n\n    &lt;br&gt;&lt;br&gt;\n\n    &lt;button type=&quot;button&quot; id=&quot;selectAll&quot;&gt;Select All&lt;\/button&gt;\n    &lt;button type=&quot;button&quot; id=&quot;deselectAll&quot;&gt;Deselect All&lt;\/button&gt;\n\n    &lt;!-- Custom JS --&gt;\n    &lt;script src=&quot;custom.js&quot;&gt;&lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2: What Is the Best Way to Select and Deselect Options Using jQuery?<\/h2>\n\n\n\n<p>Modern jQuery recommends using <code>.prop()<\/code> for boolean states such as <code>selected<\/code>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Why Use <code>.prop()<\/code> Instead of <code>.attr()<\/code>?<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>.prop()<\/code> correctly handles live DOM states<\/li>\n\n\n\n<li><code>.attr()<\/code> is outdated for boolean properties<\/li>\n\n\n\n<li><code>.prop()<\/code> works reliably across modern browsers<\/li>\n<\/ul>\n\n\n\n<p>File Name: custom.js<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">$(document).ready(function () {\n\n    \/\/ Select all options\n    $(&#039;#selectAll&#039;).on(&#039;click&#039;, function () {\n        $(&#039;#selectBox option&#039;).prop(&#039;selected&#039;, true);\n    });\n\n    \/\/ Deselect all options\n    $(&#039;#deselectAll&#039;).on(&#039;click&#039;, function () {\n        $(&#039;#selectBox option&#039;).prop(&#039;selected&#039;, false);\n    });\n\n});<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>What Are the Benefits of This Updated Approach?<\/strong><\/h3>\n\n\n\n<p>Using this modern implementation gives you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Compatibility with the latest jQuery versions<\/li>\n\n\n\n<li>Cleaner and readable code<\/li>\n\n\n\n<li>Better browser consistency<\/li>\n\n\n\n<li>Easier future maintenance.<\/li>\n<\/ul>\n\n\n\n<p>Can This Work With Dynamic Data?<\/p>\n\n\n\n<p>Yes.<br>This logic works perfectly with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Options loaded via AJAX<\/li>\n\n\n\n<li>Server-side rendered options<\/li>\n\n\n\n<li>Data fetched from APIs or databases<\/li>\n<\/ul>\n\n\n\n<p>No code changes are required.<\/p>\n\n\n\n<p><br><strong>Summary<\/strong><\/p>\n\n\n\n<p>In this updated tutorial, we learned <strong>how to select and deselect all options in a select box using modern jQuery best practices<\/strong>.<\/p>\n\n\n\n<p>This feature is essential for applications that support <strong>bulk actions<\/strong> and improves both usability and performance.<\/p>\n\n\n\n<p>If you have questions or want an advanced version (pure JavaScript, checkbox-based select all, or dynamic data), feel free to ask<\/p>\n\n\n\n<p>Also, You can read our other <a href=\"https:\/\/webkul.com\/blog\">blog<\/a> post<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Several older implementations for handling select boxes use outdated JavaScript and jQuery practices. In this updated guide, you\u2019ll learn how to select and deselect all options in an HTML select box using modern jQuery. This approach works smoothly with current browsers and is ideal for bulk actions like delete, edit, or update records. Why Is <a href=\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":464,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-348913","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Select and Deselect All Options in Select Box (Updated Guide)<\/title>\n<meta name=\"description\" content=\"you will learn to\u00a0select and deselect all options in the select box\u00a0&amp; HTML with some steps that are very simple to understand.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Select and Deselect All Options in Select Box (Updated Guide)\" \/>\n<meta property=\"og:description\" content=\"you will learn to\u00a0select and deselect all options in the select box\u00a0&amp; HTML with some steps that are very simple to understand.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-24T04:57:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-27T09:49:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png\" \/>\n<meta name=\"author\" content=\"Md. Narullah\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Md. Narullah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/\"},\"author\":{\"name\":\"Md. Narullah\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/8f6f5d906f1616b2742ee9bbc4fc26dc\"},\"headline\":\"How to Select and Deselect All Options in Select Box (Updated Guide)\",\"datePublished\":\"2022-08-24T04:57:52+00:00\",\"dateModified\":\"2026-01-27T09:49:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/\"},\"wordCount\":367,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/\",\"name\":\"How to Select and Deselect All Options in Select Box (Updated Guide)\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png\",\"datePublished\":\"2022-08-24T04:57:52+00:00\",\"dateModified\":\"2026-01-27T09:49:33+00:00\",\"description\":\"you will learn to\u00a0select and deselect all options in the select box\u00a0& HTML with some steps that are very simple to understand.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png\",\"width\":637,\"height\":138,\"caption\":\"select-and-deselect-option-select-box\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Select and Deselect All Options in Select Box (Updated Guide)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/8f6f5d906f1616b2742ee9bbc4fc26dc\",\"name\":\"Md. Narullah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/51bcb397ad3d25c82e2ccdeef99be5512325ea03ed19bddc138d71d35cad59cf?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/51bcb397ad3d25c82e2ccdeef99be5512325ea03ed19bddc138d71d35cad59cf?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Md. Narullah\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/mdnurullah-mg763\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Select and Deselect All Options in Select Box (Updated Guide)","description":"you will learn to\u00a0select and deselect all options in the select box\u00a0& HTML with some steps that are very simple to understand.","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:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/","og_locale":"en_US","og_type":"article","og_title":"How to Select and Deselect All Options in Select Box (Updated Guide)","og_description":"you will learn to\u00a0select and deselect all options in the select box\u00a0& HTML with some steps that are very simple to understand.","og_url":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2022-08-24T04:57:52+00:00","article_modified_time":"2026-01-27T09:49:33+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png","type":"","width":"","height":""}],"author":"Md. Narullah","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Md. Narullah","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/"},"author":{"name":"Md. Narullah","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/8f6f5d906f1616b2742ee9bbc4fc26dc"},"headline":"How to Select and Deselect All Options in Select Box (Updated Guide)","datePublished":"2022-08-24T04:57:52+00:00","dateModified":"2026-01-27T09:49:33+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/"},"wordCount":367,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/","url":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/","name":"How to Select and Deselect All Options in Select Box (Updated Guide)","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png","datePublished":"2022-08-24T04:57:52+00:00","dateModified":"2026-01-27T09:49:33+00:00","description":"you will learn to\u00a0select and deselect all options in the select box\u00a0& HTML with some steps that are very simple to understand.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2022\/08\/select-and-deselect-option-select-box.png","width":637,"height":138,"caption":"select-and-deselect-option-select-box"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-select-and-deselect-all-options-in-select-box\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Select and Deselect All Options in Select Box (Updated Guide)"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/8f6f5d906f1616b2742ee9bbc4fc26dc","name":"Md. Narullah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/51bcb397ad3d25c82e2ccdeef99be5512325ea03ed19bddc138d71d35cad59cf?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/51bcb397ad3d25c82e2ccdeef99be5512325ea03ed19bddc138d71d35cad59cf?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Md. Narullah"},"url":"https:\/\/webkul.com\/blog\/author\/mdnurullah-mg763\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/348913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/464"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=348913"}],"version-history":[{"count":20,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/348913\/revisions"}],"predecessor-version":[{"id":523670,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/348913\/revisions\/523670"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=348913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=348913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=348913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}