Get a free trial // Grow your CSS skills // Land your dream job

Check if Checkbox is Checked

Last updated on:

Say that 10 times fast =).

Find out if a single checkbox is checked or not, returns true or false:


Find all checked checkboxes:


Reference URL


  1. LuK
    Permalink to comment#


    // your code


  2. gabBerg
    Permalink to comment#

    What if a radio button is selected?

  3. Rupam
    Permalink to comment#

    The website is horrible in IE6. At least the design for the page should be made differently to work in IE6

    • mahen23
      Permalink to comment#

      Why are you still using IE6?

    • Ivana Setiawan
      Permalink to comment#

      Agree with mahen23.

      Also, I think css-tricks’ viewers are mostly web developers – In this case, (I hope) they don’t use IE6 as their default browser..

    • james
      Permalink to comment#

      Old School browser troll is Old School.

  4. Hasmi
    Permalink to comment#

    var val=$(“input:checked”).length
    if(val>0){//At least one checked


    if(val<0){//Nothing checked


  5. Summi
    Permalink to comment#

    Appreciate but you should upgrade the IE version.

  6. Pranjay
    Permalink to comment#

    Another way to do this is $(element).prop(‘checked’) [ ]. This would always return a true or false value similar to what Wouter has suggested in is() method. $(‘#checkBox’).attr(‘checked’) however, will only return true when the box is checked and will return ‘undefined’ when unchecked.

  7. check it
    Permalink to comment#

    Also, I opine css-tricks’ audience are mostly web developers – In this containerful, (I comedian) they don’t use IE6 as their nonpayment browser.

  8. Stamatov
    Permalink to comment#

    better add [0] to this code. I do this coz id is unique and there should be only one element with this id per page.
    Also useful if you want to checked/unchecked checkbox or radio button via jquery


    • Chris Coyier
      Permalink to comment#

      Careful here, adding [0] to the end of that jQuery object will make it stop being a jQuery object and just a regular pointer thing. attr() will no long work on it.

  9. Stamatov
    Permalink to comment#

    very true, my mistake.
    btw after small research i found that it will be better to use .prop() function about this case.

  10. Adam
    Permalink to comment#

    Is there a reason you can’t use: $(‘#checkBox:checked’);

  11. Adam
    Permalink to comment#

    On a separate but related note, has anyone noticed or explain why CSS and JQuery handle :checked differently? Where CSS looks at the latest state of a set of radios, jQuery only seems to see what is in the dom on page load. I created a jsfiddle to illustrate…

  12. vinay
    Permalink to comment#

    This really nice article . have a look of this also|-Validate-checkbox-is-checked-or-un-checked

  13. soncu
    Permalink to comment#

    Very good explanation

  14. wishn4fishn

    This is great… I was looking for a way to do this but then I still need to figure out who to finish from there. Find all the boxes checked, sum the value of each one checked and then carry on to the next stage of the filtering process…. So many things.

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed