Loop through checkboxes and count each one checked or unchecked

Question

I ve run into a bit of an issue  Here s a brief explanation   I have 12 check boxes on a standard form  What I need to do is loop through each of them and learn which ones are checked and which ones are unchecked    Using this  I can then build a string which I then enter into a database field  Here is an example     Check1 - checked   Check2 - not checked   Check3 - checked   1 0 1  So far  I ve got this bit of code       input type checkbox    each function                 if  this checked                   console log   this  val                         It works perfectly except that it only brings back the checked ones  not all    Sorry for the newb question  I m kinda new to jquery

User · Accepted Answer

To build a result string exactly in the format you show, you can use this:

var sList = "";
$('input[type=checkbox]').each(function () {
    sList += "(" + $(this).val() + "-" + (this.checked ? "checked" : "not checked") + ")";
});
console.log (sList);

However, I would agree with @SLaks, I think you should re-consider the structure into which you will store this in your database.

EDIT: Sorry, I mis-read the output format you were looking for. Here is an update:

var sList = "";
$('input[type=checkbox]').each(function () {
    var sThisVal = (this.checked ? "1" : "0");
    sList += (sList=="" ? sThisVal : "," + sThisVal);
});
console.log (sList);

User · Answer

I don t think enough time was paid attention to the schema considerations brought up in the original post  So  here is something to consider for any newbies   Let s say you went ahead and built this solution  All of your menial values are conctenated into a single value and stored in the database  You are indeed saving  a little  space in your database and some time coding   Now let s consider that you must perform the frequent and easy task of adding a new checkbox between the current checkboxes 3  amp  4  Your development manager  customer  whatever expects this to be a simple change   So you add the checkbox to the UI  the easy part   Your looping code would already concatenate the values no matter how many checkboxes  You also figure your database field is just a varchar or other string type so it should be fine as well   What happens when customers or you try to view the data from before the change  You re essentially serializing from left to right  However  now the values after 3 are all off by 1 character  What are you going to do with all of your existing data  Are you going write an application  pull it all back out of the database  process it to add in a default value for the new question position and then store it all back in the database  What happens when you have several new values a week or month apart  What if you move the locations and jQuery processes them in a different order  All your data is hosed and has to be reprocessed again to rearrange it   The whole concept of NOT providing a tight key-value relationship is ludacris and will wind up getting you into trouble sooner rather than later  For those of you considering this  please don t  The other suggestions for schema changes are fine  Use a child table  more fields in the main table  a question-answer table  etc  Just don t store non-labeled data when the structure of that data is subject to change

User · Answer

Using Selectors You can get all checked checkboxes like this  var boxes      quot  checkbox checked quot     And all non-checked like this  var nboxes      quot  checkbox not  checked  quot     You could merely cycle through either one of these collections  and store those names  If anything is absent  you know it either was or wasn t checked  In PHP  if you had an array of names which were checked  you could simply do an in array   request to know whether or not any particular box should be checked at a later date  Serialize jQuery also has a serialize method that will maintain the state of your form controls  For instance  the example provided on jQuery s website follows  single Single2 amp multiple Multiple amp multiple Multiple3 amp check check2 amp radio radio2  This will enable you to keep the information for which elements were checked as well

User · Answer

You can loop through all of the checkboxes by writing     checkbox   each        If I understand your question correctly  you re looking for the following code   var str            checkbox   each function         str    this checked    1      0         str   str substr 0  str length - 1        Remove the trailing comma   This code will loop through all of the checkboxes and add either 1  or 0  to a string

User · Answer

extend   expr                 unchecked  function  obj                return   obj type     checkbox     obj type     radio    amp  amp     obj  is   checked                           input checked      input unchecked

[jquery] Loop through checkboxes and count each one checked or unchecked

Examples related to jquery

Examples related to checkbox