How to get array of checkbox

Question

Here is my checkbox group

<input type="checkbox" name="checkGroup" id="all" value="0" >All 
<input type="checkbox" name="checkGroup" id="one" value="1">One 
<input type="checkbox" name="checkGroup" id="two" value="2">Two 
<input type="checkbox" name="checkGroup" id="three" value="3">three

how to get array of checkbox by name "checkGroup" and then base on value set it checked / uncheck.

e.g. In edit mode i am getting string 012 from database then i need to set checked as All, One amd Two.

Please help thanks

Christian C. Salvadó · Accepted Answer · 2010-01-13 04:54:50Z

1

If you go for this approach, of returning a string of numbers not separated by any character (like "012"), you can only handle without problems up to 10 elements (0-9):

function checkItems(str) {
  var checkboxes = $("input:checkbox[name='checkGroup']");
  checkboxes.attr('checked', false); // uncheck all boxes first
  checkboxes.each(function () {
    if (str.indexOf(this.value) >=0) {
      this.checked = true;
    }
  });
}

checkItems('012'); // checks all, one, and two

Check an example here.

answered Jan 13, 2010 at 4:54

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sampson Over a year ago

What about something with the value 12 that isn't in 0, 1, or 2 but appears to be since 012 resembles 0 12?

Christian C. Salvadó Over a year ago

With '12' it will check the "one" and "two" boxes (which I think that is the desired behavior by the OP)

Sampson Over a year ago

Yashwant, if you don't anticipate having a checkbox with a value of "12" (twelve), this solution should work. But keep the future in mind.

Sampson · Accepted Answer · 2010-01-13 04:57:43Z

1

// Help us with finding values in arrays
Array.prototype.has=function(v){
  for (i=0; i<this.length; i++) {
    if (this[i]==v) return true;
  }
  return false;
} 

// Define our values
var myVals = [0,1,2];

// Check/Uncheck Accordingly
$(":checkbox[name='checkGroup']").each(function(){
  if (myVals.has($(this).val())) {
    $(this).attr("checked","checked");
  } else {
    $(this).removeAttr("checked");
  }
});

edited Jan 13, 2010 at 4:57

answered Jan 13, 2010 at 4:41

Sampson

269k76 gold badges546 silver badges570 bronze badges

Collectives™ on Stack Overflow

How to get array of checkbox

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related