{"id":26750,"date":"2024-03-16T07:15:10","date_gmt":"2024-03-16T07:15:10","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/"},"modified":"2024-03-22T09:20:40","modified_gmt":"2024-03-22T09:20:40","slug":"two-ways-to-obtain-the-selected-state-of-a-checkbox","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/","title":{"rendered":"Two ways to obtain the selected state of a checkbox"},"content":{"rendered":"

There are two ways to get the checked status of a checkbox:<\/p>\n

    \n
  1. Retrieve a reference to the checkbox element using the document.getElementById() method.<\/li>\n
  2. We can use the checkbox.checked property to determine if the checkbox is checked. If the checkbox is checked, the value of this property will be true; otherwise, it will be false.<\/li>\n<\/ol>\n
    var<\/span> checkbox = document<\/span>.getElementById<\/span>('myCheckbox'<\/span>);\r\nif<\/span> (checkbox.checked<\/span>) {\r\n    \/\/ checkbox\u88ab\u9009\u4e2d<\/span>\r\n} else<\/span> {\r\n    \/\/ checkbox\u672a\u88ab\u9009\u4e2d<\/span>\r\n}\r\n<\/code><\/pre>\n
      \n
    1. Select the checkbox element using a selector.<\/li>\n
    2. Use the prop() method in jQuery to get the checked status of a checkbox. If the checkbox is checked, the method will return true; otherwise it will return false.<\/li>\n<\/ol>\n
      if<\/span> ($('#myCheckbox'<\/span>).prop<\/span>('checked'<\/span>)) {\r\n    \/\/ checkbox\u88ab\u9009\u4e2d<\/span>\r\n} else<\/span> {\r\n    \/\/ checkbox\u672a\u88ab\u9009\u4e2d<\/span>\r\n}\r\n<\/code><\/pre>\n
      Regardless of the method used, you first need to obtain a reference to the checkbox element, and then use the checked property or the prop() method to get its checked status.<\/p>\n","protected":false},"excerpt":{"rendered":"
      There are two ways to get the checked status of a checkbox: Retrieve a reference to the checkbox element using the document.getElementById() method. We can use the checkbox.checked property to determine if the checkbox is checked. If the checkbox is checked, the value of this property will be true; otherwise, it will be false. var […]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-26750","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nTwo ways to obtain the selected state of a checkbox - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Two ways to obtain the selected state of a checkbox\" \/>\n<meta property=\"og:description\" content=\"There are two ways to get the checked status of a checkbox: Retrieve a reference to the checkbox element using the document.getElementById() method. We can use the checkbox.checked property to determine if the checkbox is checked. If the checkbox is checked, the value of this property will be true; otherwise, it will be false. var […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-16T07:15:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-22T09:20:40+00:00\" \/>\n<meta name=\"author\" content=\"Liam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/\"},\"author\":{\"name\":\"Liam\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671\"},\"headline\":\"Two ways to obtain the selected state of a checkbox\",\"datePublished\":\"2024-03-16T07:15:10+00:00\",\"dateModified\":\"2024-03-22T09:20:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/\"},\"wordCount\":133,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/\",\"name\":\"Two ways to obtain the selected state of a checkbox - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-16T07:15:10+00:00\",\"dateModified\":\"2024-03-22T09:20:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Two ways to obtain the selected state of a checkbox\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671\",\"name\":\"Liam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g\",\"caption\":\"Liam\"},\"sameAs\":[\"http:\/\/Wilson\"],\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/liamwilson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Two ways to obtain the selected state of a checkbox - Blog - Silicon Cloud","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:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/","og_locale":"en_US","og_type":"article","og_title":"Two ways to obtain the selected state of a checkbox","og_description":"There are two ways to get the checked status of a checkbox: Retrieve a reference to the checkbox element using the document.getElementById() method. We can use the checkbox.checked property to determine if the checkbox is checked. If the checkbox is checked, the value of this property will be true; otherwise, it will be false. var […]","og_url":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-16T07:15:10+00:00","article_modified_time":"2024-03-22T09:20:40+00:00","author":"Liam","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Liam","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/"},"author":{"name":"Liam","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671"},"headline":"Two ways to obtain the selected state of a checkbox","datePublished":"2024-03-16T07:15:10+00:00","dateModified":"2024-03-22T09:20:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/"},"wordCount":133,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/","url":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/","name":"Two ways to obtain the selected state of a checkbox - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-16T07:15:10+00:00","dateModified":"2024-03-22T09:20:40+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/two-ways-to-obtain-the-selected-state-of-a-checkbox\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Two ways to obtain the selected state of a checkbox"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671","name":"Liam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g","caption":"Liam"},"sameAs":["http:\/\/Wilson"],"url":"https:\/\/www.silicloud.com\/blog\/author\/liamwilson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/26750","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=26750"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/26750\/revisions"}],"predecessor-version":[{"id":60933,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/26750\/revisions\/60933"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=26750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=26750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=26750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}