ansaurus

Question

Select values of checkbox group with jQuery

Answer 1

A:

You can have a javascript variable which stores the number of checkboxes that are emitted, i.e in the <head> of the page:

<script type="text/javascript">
var num_cboxes=<?php echo $number_of_checkboxes;?>;
</script>

So if there are 10 checkboxes, starting from user_group-1 to user_group-10, in the javascript code you would get their value in this way:

var values=new Array();
for (x=1; x<=num_cboxes; x++)
{
   values[x]=$("#user_group-" + x).val();
}

Click Upvote 2009-01-06 14:40:52

Why the downvote?

Click Upvote 2009-01-06 16:30:00

Answer 2

+10 A:

You could use the checked selector to grab only the selected ones (negating the need to know the count or to iterate over them all yourself):

$("input[name='user_group[]']:checked")

With those checked items, you can either create a collection of those values or do something to the collection:

var values = new Array();
$.each($("input[name='user_group[]']:checked"), function() {
  values.push($(this).val());
  // or you can do something to the actual checked checkboxes by working directly with  'this'
  // something like $(this).hide() (only something useful, probably) :P
});

patridge 2009-01-06 15:04:21

`@` is not required in `$.each($("input[@name='user_group[]']:checked"), function() {`

Ismail 2010-07-15 07:33:43

@Ismail, it has been updated for post-1.3 jQuery. Version 1.3 was released after the answer was posted (posted Jan 06, 2009, 1.3 released Jan 14, 2009). Attribute selectors shouldn't be used by anyone using v1.3 or newer.

patridge 2010-07-15 15:13:37

Can't `[name='user_group[]']` be called as attribute selector. I still use it in 1.4.2. Is there are better alternative now?

Ismail 2010-07-16 08:59:03

That was a typo on my part. Attribute selectors [with "@"] shouldn't be used by anyone using v1.3 or newer.

patridge 2010-07-16 21:40:18

Answer 3

A:

I'm not 100% entirely sure how you want to "grab" the values. But if you want to iterate over the checkboxes you can use .each like so:

("input[@name='user_group[]']").each( function() { alert($(this).val()); });

Of course a better selector is available:

$(':checkbox')

Rockitsauce 2009-01-06 15:06:14

Answer 4

A:

I just shortened the answer I selected a bit:

var selectedGroups  = new Array();
$("input[@name='user_group[]']:checked").each(function() {
    selectedGroups.push($(this).val());
});

and it works like a charm, thanks!

dragonmantank 2009-01-06 15:14:51

Answer 5

A:

mhata dzenyu mese. its actually

var selectedGroups = new Array(); $(".user_group[checked]").each(function() { selectedGroups.push($(this).val()); });

2009-05-07 12:12:14

Answer 6

+4 A:

I'm not sure about the "@" used in the selector. At least with the latest jQuery, I had to remove the @ to get this to function with two different checkbox arrays, otherwise all checked items were selected for each array:

var items = [];
$("input[name='items[]']:checked").each(function(){items.push($(this).val());});

var about = [];
$("input[name='about[]']:checked").each(function(){about.push($(this).val());});

Now both, items and about work.

Pat Osterday 2009-07-10 13:40:35

I believe the @ was removed in jQuery 1.3 +1

Thorpe Obazee 2009-11-10 09:46:34

ansaurus

tags:

views:

answers:

Select values of checkbox group with jQuery

related questions